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

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 关于#linux#的问题(输入输出错误):出现这个界面接着我重新装系统,又让修电脑的师傅帮我扫描硬盘(没有问题)用着用着又卡死(相关搜索:固态硬盘)
    • ¥15 cv::resize不同线程时间不同
    • ¥15 web课程,怎么做啊😭没好好听课 根本不知道怎么下手
    • ¥15 做一个关于单片机的比较难的代码,然后搞一个PPT进行解释
    • ¥15 python提取.csv文件中的链接会经常出现爬取失败
    • ¥15 数据结构中的数组地址问题
    • ¥15 maya的mel里,怎样先选择模型A,然后利用mel脚本自动选择有相同名字的模型B呢。
    • ¥15 Python题,根本不会啊
    • ¥15 会会信号与系统和python的来
    • ¥15 关于#python#的问题