liujiayuanjie 2019-01-24 19:16
浏览 660

js中当按下鼠标右键光标移出浏览器后,如何获触发mousemove事件?

使用场景:

做一个在线图形编辑器,需要左键绘图,右键拖拽。

右键选中一个对象后后拖出编辑器区域,编辑器的dom无法继续捕捉mousemove事件。

因为在浏览器中一般的dom即使是左键按下移动,箭头移出了该dom也无法捕捉mousemove事件。

于是我使用iframe代替普通的dom,然后把事件绑在iframe里面的window上。

iframe.contentWindow.addEventListener(
    'mousemove', 
    e=>console.log(e)
);

在鼠标左键按下后光标移出iframe区域,mousemove事件任然可以被触发。

但是这种情况下鼠标右键与鼠标滚轮键按下,然后箭头移出iframe后mousemove均不被触发。

请问怎么可以使得右键按下后光标移出iframe区域任然可以触发mousemove事件,从而实现可以将一个绘图的对象拖出浏览器可视范围。

  • 写回答

0条回答 默认 最新

    报告相同问题?

    悬赏问题

    • ¥100 关于使用MATLAB中copularnd函数的问题
    • ¥20 在虚拟机的pycharm上
    • ¥15 jupyterthemes 设置完毕后没有效果
    • ¥15 matlab图像高斯低通滤波
    • ¥15 针对曲面部件的制孔路径规划,大家有什么思路吗
    • ¥15 钢筋实图交点识别,机器视觉代码
    • ¥15 如何在Linux系统中,但是在window系统上idea里面可以正常运行?(相关搜索:jar包)
    • ¥50 400g qsfp 光模块iphy方案
    • ¥15 两块ADC0804用proteus仿真时,出现异常
    • ¥15 关于风控系统,如何去选择