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

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条回答 默认 最新

    报告相同问题?

    悬赏问题

    • ¥15 metadata提取的PDF元数据,如何转换为一个Excel
    • ¥15 关于arduino编程toCharArray()函数的使用
    • ¥100 vc++混合CEF采用CLR方式编译报错
    • ¥15 coze 的插件输入飞书多维表格 app_token 后一直显示错误,如何解决?
    • ¥15 vite+vue3+plyr播放本地public文件夹下视频无法加载
    • ¥15 c#逐行读取txt文本,但是每一行里面数据之间空格数量不同
    • ¥50 如何openEuler 22.03上安装配置drbd
    • ¥20 ING91680C BLE5.3 芯片怎么实现串口收发数据
    • ¥15 无线连接树莓派,无法执行update,如何解决?(相关搜索:软件下载)
    • ¥15 Windows11, backspace, enter, space键失灵