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
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
用 javascript 获取当页面上鼠标(光标)位置 和 触发事件的对象 的方法
转载自:http://www.cnblogs.com/zhujie/archive/2009/12/09/1620455.html 用javascript获取鼠标位置: function mousePosition(ev) {     if (ev.pageX || ev.pageY) {         return {             x: ev.pageX,
mouseMoveEvent 函数中判断鼠标那个按键按下
我们可以用 if (event->button() == Qt::LeftButton) { TODO: } 来判断鼠标那个键按下,但是在mouseMoveEvent函数中,event->button()总是返回NoButton,这让这个判断完全失去了意义, 经查找,发现大家都是用这个 if (event->buttons() & Qt::LeftButton) { TODO
一个鼠标移出事件引发的问题
onmouseout和onmouseover事件在没有子元素的元素中可以正常响应事件代码,可是如果该元素涉及到子元素,则会因为事件冒泡机制,导致非正常响应,下文就是透析现象的本质,并提供了解决方案。
javascript事件, 解决mousedown和click冲突事件, 鼠标事件, 键盘事件, 文本事件用法简介
事件分类鼠标事件 click/ mousedown/ mousemove/ mouseup/ contextmenu/ mouseover/ mouseout/ mouseenter/ mouseleave 用button来区别鼠标的按键 DOM3标准规定: click事件只能监听左键, 只能通过mousedown和mouseup来判断鼠标键 鼠标左键button = 0, 右键button = 2
js中常用的事件,onclick 单击事件、onblur 失去焦点事件、onchange改变事件、onmouseover鼠标进入事件、onmouseout鼠标移除事件、onsubmit提交事件
onclick 单击事件 onblur 失去焦点事件 onchange 当对象或选中区的内容改变时触发。 onmouseover 当用户将鼠标指针移动到对象内时触发。 onmouseout 当用户将鼠标指针移出对象边界时触发。 onsubmit 当表单将要被提交时触发。 1、静态点击事件 script type="text/javascript"> // A标签的点击事
javascript模拟(触发)鼠标事件
  [b]感言:[/b]   苦逼的程序员经常遇到种种奇怪的需求,经常要想些奇怪的方法来解决问题。   [b]场景:[/b]   最近用一个插件来展示大量图片,该插件封装逻辑很复杂,文档几乎为零。要修改其代码几乎是不可能完成的任务。因此我想要手工触发一个鼠标点击事件,以此激活其内部处理代码,完成相应的操作,不修改插件的任何代码、不用阅读任何插件的代码。   简单地触发鼠标事件很容易...
js火狐以及ie处理鼠标进入与离开事件
在IE下解决问题很简单,用onMouseEnter、onMouseLeave来代 替onMouseOver、onMouseOut就行了,他们的作用基本相同,前者不会发生冒泡。但是firefox下没有这两个事件,如果用 jQuery的event事件,只要bind mouseleave和mouseenter即可。如果是纯js实现,只能这么做: 通过判断触发onMouseOut事件后鼠标到达的元素
onBlur事件与onfocus事件(js) (光标到达和离开是触发事件)
onFocus事件就是当光标落在文本框中时发生的事件。 onBlur事件是光标失去焦点时发生的事件。 可以编如下例子 1.html 使用onBlur事件处理程序 还有以下例子 2.html 3 04 05 06 07 OnFocus事件 08 09 10 11
移除鼠标点击事件的几种方法
原文链接:https://blog.csdn.net/wangzl1163/article/details/53666883移除或禁用html元素的点击事件可以通过css实现也可以通过js或jQuery实现。一、CSS方法[html] view plain copy.disabled { pointer-events: none; }  二、jQuery方法方法一[javascript] view...
认识js中的鼠标按下放开mousedown,mouseup以及按键事件keydown,keyup
最近做前台,要做一个关于按钮的特效,要求是按下去要看出来是按下去的感觉。好吧,就按着这个效果做,事先已经有用PS处理过的两个按钮的背景图片。然后就应该是用CSS和JS来控制效果了吧。 之前学习js的时候一直有一个keydown,keyup的印象,字面上看来不就是按键按下去和放开的英文嘛,所以就用这个函数试试看的。后来一直出不来我想要的效果,我就疑惑了,然后百度才知道鼠标按键跟键盘按键不是
mousemove事件,鼠标移动过快时,无法全部响应
问题描述:项目中,运用mousemove来实现绘制圆形时,发现鼠标移动速度过快时,绘制的圆形,不能连接一起,中间出现断点,无法形成一条完整的路径。问题分析:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>事件</title> <style type="text/css">
JavaScript中鼠标事件触发顺序探索
这次是为了完成之前脑袋里比较模糊的一个疑问。大家都知道,关于鼠标的事件有非常多,如PC模式下的click、mousedown、mouseup,手机模式下的touchstart、touchend、touchmove。那么如果将他们全部绑定之后,在PC端和移动端分别做一些鼠标的常用操作,事件触发的情况会是如何呢。 毕竟实践出真知,所以今天我就实验了一下。 首先打开了百度,然后f12,切换到手机模式
解决按下空格键执行上一次鼠标点击事件
先来看下一段代码的执行效果。代码如下:   &amp;lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&amp;gt; &amp;lt;mx:Application xmlns:mx=&quot;http://www.adobe.com/2006/mxml&quot; &amp;gt; &amp;lt;mx:Label text=&quot;点击保存按钮,鼠标不要移动,按下空格键,观察下面点击事件执行次数&quot;/&a
jquery mouseup 事件属性丢失
最近在写js,啊,js跨浏览器事件丢失太多了,有jquery也一样。。 笔者最近写一个demo...这个问题困扰了我1个星期。。。 上代码说明原因吧: $(&quot;#div1&quot;).mouseup(function(e) { alert(e.target.id); });   我很希望获取到 鼠标松后的对象的所触发的dom对象的ie...页面所有元素都有id。。。  最后解决了 $(&quot;...
鼠标移动太快,mouseout事件不触发解决方案
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml">                         function over()         { document.getElementById("div1").style.display = ""
文本框光标离开事件:onBlur
在输入完成qq号码、微信号码、email、手机号的时候,就去校验,利用文本框的 光标离开事件:onBlur ,在这个事件里写校验重复的程序,把并加入本联系人的id,如果重复,在文本框下面,或者后面用红色字体提示 重复等 信息。 而且不阻止用户的保存联系人信息。//首先用正则表达式判断是否合法,然后,通过Ajax,调用对应的//url,即对应的action的方法,实现数据的前后台的异步交互。根据//
JS-鼠标长按触发事件
例子如下:
拖动div时鼠标mouseup事件丢失
拖动div时,总会出现mouseup丢失情况,困扰了很久。 原因可能是: 当拖动的div中有图片或链接时,如果是点图片或链接开始拖动,拖出窗口时也会导致onmouseup丢失. 解决办法: IE下,可以采用setCapture()方法,在onmousedown时捕获,在onmouseup时释放.用在火狐下可没有这么好用了,网上提供的:mousedown下面加入window.captureEve
WPF-鼠标移动事件demo
鼠标事件 MouseEnter鼠标指针移动到该元素上时 MouseLeave鼠标指针离开该元素时 MouseEnter、MouseLeave都是直接事件,不会发生冒泡。 PreviewMouseLeftButtonDown按下鼠标左键 PreviewMouseRightButtonDown按下鼠标右键 PreviewMouseRightButtonDown...
DELPHI中鼠标的各种操作
{鼠标:右击,左击,单击,双击,滚轮,拖曳}Delphi程序设计中的鼠标控制2008-06-28 20:15在Windows环境下,鼠标和键盘是主要的输入设备。在Delphi中几乎每个对象都具有反映鼠标控制的事件,这些事件的主要功能包括改变鼠标指针的形状,移动、触发、拖动鼠标等。鼠标控制的三个相关属性是Cursor、DragCursor、DragMode;鼠标(拖拽
文本框在鼠标离开时触发JS方法
function validate() { var name = document.getElementById("txtName"); if (name.value == 2) { alert("你必须不是二!"); name.focus();
mousedown、mouseup、click事件之间的关系及执行顺序
三个事件的触发时机 mousedown 当鼠标指针移动到元素上方,并按下鼠标按键(左、右键均可)时,会发生 mousedown 事件。 与 click 事件不同,mousedown 事件仅需要按键被按下,而不需要松开即可发生。 mouseup 当在元素上松开鼠标按键(左、右键均可)时,会发生 mouseup 事件。 与 click 事件不同,mouseup 事件仅需要松开按钮。当鼠...
javaFx(6)鼠标事件
鼠标事件 在MouseEvent 对象里,能得到以下信息: event.getButton() 按钮 (左、中、右) event.getClickCount() 移动(0), 单击(1), 双击(2) event.getX() 点击位置 (窗口坐标 ) event.getSceneX() 点击位置 (屏幕坐标 ) MouseButton.PRIMARY鼠标左键 ListVie...
使用event.button来区分鼠标事件的触发键
event.x 鼠标横轴 event.y 鼠标纵轴 event.keycode 键盘值 events.button==0 默认。没有按任何按钮。 events.button==1 鼠标左键 events.button==2 鼠标右键 events.button==3 鼠标左右键同时按下 events.button==4 鼠标中键 events.button==5 鼠...
MFC鼠标移入移出事件
鼠标的移入消息,可以使用mousemove就可以知道了。 //定义一个变量m_bTracking,初始化为false.   public: BOOL m_bTracking; //在mousemove中加上下面代码。 void CTreeList::OnMouseMove(UINT nFlags, CPoint point) {  // TODO: Add your messag
如何防止鼠标移出移入子元素触发mouseout和mouseover事件
我想实现的目标:当鼠标进入黑色框时,橙色框执行淡入动画;当黑色框范围移动的时候(即使经过粉色框,动画仍然不被触发);当鼠标移出的时候,橙色方块消失。 遇到的问题阐述:当鼠标移入黑色框的时候,橙色框执行淡入动画,但是当鼠标从黑色框经过粉色框的时候,橙色框就消失了,然后又执行一遍淡入动画。当鼠标从粉色框移出到黑色框的时候,橙色框的淡入动画又被执行。这不是我想要的。 初期代码: ? 1 ...
光标停止输入后触发事件
光标停止输入后触发事件
拖拽之mouseup问题
今天做一个拖拽案例,就是滚动条的一部分。当鼠标移动到滑块上并且按下时,给document绑定mousemove事件,当鼠标放开时解除mousemove事件,代码如下: &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;Ti
捕获取文本框的右键 粘贴 事件
在看书的时候,UESTC-前端群有人问问题,js怎么监听右键粘贴事件,。 于是乎里面的大神就各种献策,,。 于是得到一些信息,以前没有太记住的: 1、onpropertychange用于input,可靠性不知道,先记住这个事件吧。 2.、粘贴事件用于剪切板。应该说是在可输入区域触发onpaste事件,触发的源是剪切板。 3、niko说用轮询判断是否输入或失去焦点,学习
元素绝对位置和鼠标移入移出和 input框事件
元素绝对位置 &amp;amp;lt;!DOCTYPE html&amp;amp;gt; &amp;amp;lt;html lang=&amp;quot;en&amp;quot;&amp;amp;gt; &amp;amp;lt;head&amp;amp;gt; &amp;amp;lt;meta charset=&amp;quot;UTF-8&amp;quot;&amp;amp;gt; &amp;amp;lt;title&amp;amp;gt;元素绝对位置&amp;amp;lt;/title&a
jq鼠标事件
jq之鼠标事件 以防自己忘记,最重要的是hover效果的     鼠标事件是在用户移动鼠标光标或者使用任意鼠标键点击时触发的。    (1):click事件:click事件于用户在元素敲击鼠标左键,并在相同元素上松开左键时触发。         $('p').click(function(){                 alert('click
解决Qt中,只有鼠标左键处于单击状态时才会捕捉mouseMoveEvent的问题
MainWindow::MainWindow(QWidget *parent) : QMainWindow(parent), ui(new Ui::MainWindow) { ui->setupUi(this); centralWidget()->setMouseTracking(true); setMouseTracking(true); }
JQuery实现鼠标滑动多次,只触发一次响应事件
正常在设置鼠标滚轮事件的时候,一次滚动对应一次响应事件。但是按照用户习惯,用户一次滑动鼠标滚轮的动作中,可能实际上鼠标滚轮滚动了多次(通俗的讲,就是用户不会一下一下的滑动滚轮)。这样实际上触发了多次滚轮响应事件,无法达到理想中,用户滑动一次滚轮,只产生一个动作的效果,影响用户体验。为了解决这一问题,可以设置一个响应事件的触发条件。(1)设置一个boolean型的变量作为是否触发滚轮响应事件的条件。...
js中鼠标移入移出碰到的问题
用js做图片的自动播放的过程中,利用鼠标移入移出事件来实现当鼠标移入图片中时,图片停止播放;当图片移出时,图片自动播放的效果。 代码如下: 如果把onmouseout事件的内容改为 然后在浏览器中打开时,会发现并得不到我们想要的这种效果。具体原因就是:因为第二张图中的写法,并没有对timer变量进行赋值,所以在onmouseover事件触发时,代码清除的timer变量的值并不
解决鼠标点击和鼠标离开事件冲突
如何在鼠标点击后改变样式,鼠标离开后不改变样式 解决:在鼠标点击后给元素加上 class=&quot;clickLi&quot; 在鼠标离开事件中判断是否含有 clickLi,有就不执行离开事件...
如何避免鼠标移入子级触发父级的移出事件(两种方法)
我们经常会遇到一个问题,我们使用onmouseover和onmouseout控制鼠标的的移入移出时,如果是将鼠标从父级移动到子级的时候,会触发子级的冒泡事件,导致父级先触发移出事件后立即触发移入事件,在IE下效果不是特别好,那我这里有两种解决办法1、利用js解决:其实就是将onmouseover和onmouseout用onmouseenter和onmouseleave来替代,我们知道与over和呕...
通过 js 判断鼠标左右键以及中键的事件
在三维场景中有时候需要判断鼠标的事件,最近因为一个示例,需要判断鼠标的左键和右键不同的事件,刚开始使用的是click发现,只有鼠标左键有效,而右键无效,然后就找了一些资料最后发现,绑定onmousedown的时候鼠标的事件才有效。详细请看w3c上的资料。 首先,需要为window绑定mousedown事件 window.addEventListener('mousedown', onMouse...
JS事件 鼠标移开事件(onmouseout)鼠标移开事件,当鼠标移开当前对象时,执行onmouseout调用的程序。
鼠标移开事件(onmouseout) 鼠标移开事件,当鼠标移开当前对象时,执行onmouseout调用的程序。 当把鼠标移动到"登录"按钮上,然后再移开时,触发onmouseout事件,调用函数message(),代码如下: 运行结果:   任务 补充右边编辑器第12行,当鼠标移开"点击我"的按钮时,调用message()函数,弹出消
js实现 移动光标跟焦点事件
兼容:google+ie等现代住浏览器; 问题:将光标移动到文本框最后位置 解决: function toEnd(id) {     var textbox = document.getElementById(id);     var count=textbox.value.length;     if (textbox.createTextRange) {           
文本框鼠标离开触发函数
其实我想的是鼠标放在文本框的位置触发函数,网上给说的就鼠标点击触发的函数,在这里两种都写一下 鼠标点击获得焦点事件 onfocus  鼠标点击失去焦点事件 onblur 鼠标移动事件 onmouse
文章热词 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型 设计制作学习
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标 如何制作浏览器网页视频 学习当产品经理