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事件,从而实现可以将一个绘图的对象拖出浏览器可视范围。

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
求解 按下鼠标不能触发mousemove事件
现在做一个东西,需要按下鼠标时触发mousemove事件来实现绘图功能。跪求大神解答,不胜感激!!
鼠标右键按下的事件是什么?
在Dbgrid组件中,点右键弹出一pop菜单,我打算在弹出以前判断一下某些变量,根据情况,使pop菜单中某些菜单项enable或者disable
关于鼠标按下触发的事件
我用.net compact framework (不支持mousepress事件)rn希望在鼠标按下期间不断的执行某功能rn当鼠标拿起时停止执行rn如何实现? 最好不要新的线程rn谢谢
mouseMove中如何判断鼠标按下
private void MouseMove(java.awt.event.MouseEvent evt) rn if (如何判断鼠标按下) rnrn rnrn
JS鼠标移入移出事件
鼠标移入后 文字添加下划线,字体变色,背景颜色改变。移出后恢复原样。 <html> <head></head> <script> function come() { document.getElementById("text").style.color="#00ff00"; document.getElementById...
js浏览器鼠标右键出现下拉框事件
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ padding: 0; margin: 0;
怎么触发鼠标右键事件
我想在tree的节点上单击鼠标的右键,谈出一个菜单,怎么实现啊?
COMBOBOX如何触发MouseMove事件?
很郁闷,默认没有MouseMove事件,我现在是在旁边摆一个label组件,看起来很别扭!rn谢谢大家。
jquery鼠标右键触发事件
$("#id").bind("contextmenu", function () { alert("点击了右键"); return false; });  
光标移出文本框事件
如何实现光标移出文本框的事件?rn如何判断光标是否移出文本框??
怎么在右键按下的事件前面触发一个左键按下的事件
怎么在右键按下的事件前面触发一个左键按下的事件rn我在dbctrlgrid里面 想右键点中的时候显示点中记录的右键菜单 但是右键菜单缺省不把点中记录变成当前记录 ,应该如何做?rn请务必给出样例代码 谢谢
mousemove事件一直触发
为什么为鼠标明明停在控件上了可是 他的mousemove事件却一直在触发,有什么好的解决办法吗?
如何判断鼠标移出事件?
用户控件,当鼠标在上方时突出显示,鼠标移出则回复正常状态。rn如果用Form的Mouse move 是可以实现,有没有其他的方法?
mousemove事件 鼠标离开
数据窗口 有个图片 p_1rn鼠标 移动到 p_1上 图片变为p_1_hrnrn但是 鼠标离开时 图片不能恢复成p_1 怎么回事?? rnrnls_file = describe(dwo.name + ".filename") //获得图片路径rnls_modify = ls_modify + (dwo.name + ".filename = '" + left(ls_file,17) + "_h." + right(ls_file,3) + "' ")rnmodify(ls_modify)rnrn新手 望指教?
右键触发一个事件,JS中如何写?
右键点击才触发事件,请问如何写?rnrn这个是左键,我现在想请教右键!
win2000 中如何捕获鼠标移出事件
有一label,如和判断鼠标移入移出?
如何捕获在鼠标左右键一起按下及鼠标按下后移动事件?
问题一:如何捕获在一个控件上发生鼠标左右键一起按下?rnrn问题二:当鼠标按下左键不抬起,再移动到某一个控件上的事件。就像扫雷游戏那样?
js 切换鼠标右键事件
根目录 菜单一 菜单二 ...
鼠标移入移出事件
开发工具:DW 内容关于:js 作者:曾震宇 撰写时间:2019.1.22 <!doctype html> <html> <head> <meta charset="utf-8"> <title>鼠标移入移出事件</title> </head> <style>
关于鼠标移出事件
请问哪位大侠知道在pb中如何检测鼠标移出,谢谢高手指点,不胜感激rn在下正用pb做一个项目,希望各位高手多多指点,另外如何给回答问题的朋友rn给分,请高手指点。希望能和大家交朋友。多多交流
鼠标移出事件问题
2222111rnrnfunction mouseOut()rndocument.getElementById("div1").style.display="none";rnrnrn我要求鼠标移出div时,才执行mouseOut方法。rnrn但我鼠标在div内移动,当移动到里面时,他也执行mouseOut方法。rnrn怎么控制,只要鼠标在div内,均不执行mouseOut方法呢????rnrn
ie8下的鼠标移出事件
[code=html]rn rn rn 图书rn rn 图书rn 视频rn 资料rn rn rn rn rn rnrn[/code]rn我想实现的效果是:当鼠标移入到div中,它的子元素ul显示, 移出时ul隐藏.rn如果鼠标在div内从一个元素移动到另一个元素时不应该隐藏. 但是在ie8,9下面, 鼠标从a链接移入到ul时候, event.toElement确是下面的input?为什么会这样?怎么解决?rn附上css和jsrn[code=css]rndiv.search form display:block; float:left; width:475px; margin:29px 0; padding:0; font-size:12px; position:relative; z-index:1; zoom:1; rn div.search form .select position:absolute; width:57px; height:32px; line-height:32px; left:0px; z-index:5;rn div.search form .select a.cur display:block; height:100%; width:48px; padding-left:8px; border-right:1px solid #CCC; position:relative; rn div.search form .select a.cur b position:absolute; width:0; height:0; border-width: 4px 4px; border-style: solid; border-color: #666 whiteSmoke whiteSmoke; font-size: 0; line-height: 0; top: 14px; right: 10px;rn div.search form .select ul width:55px; border: 1px solid #CCC; margin-top:-1px; color:black; background-color: white; rn div.search form .select ul li border-bottom: 1px solid #ccc; padding-left:8px;rn[/code]rn[code=javascript]rn var sf = document.getElementById("search_field"),rn sc = document.getElementById("search_cate");rn sf.onmouseover = function()rn sc.style.display = "";rn rn sf.onmouseout = function(e)rn var e = e || window.event;rn var p = e.relatedTarget || e.toElement || e.fromElement;rn while(p)rn if(p!==sf) p=p.parentNode;rn else rn return;rn rn rn sc.style.display = "none";rn rn[/code]
禁用鼠标移出事件
[code=C#]rn private void pictureBox1_MouseLeave(object sender, EventArgs e)rn rn PictureBox pb = (PictureBox)sender;rn pb.Image = Image.FromFile(AppDomain.CurrentDomain.BaseDirectory + @"\Images\" + pb.Tag + "_2.jpg");rn rn[/code]rn上面是鼠标移出事件代码rn[img=http://hi.csdn.net/attachment/201104/11/8500941_1302484111rmrW.png][/img]rn本来是移出改变pictureBox的背景图片的,但是,当我单击的时候,为选中,再移出鼠标就不能改变背景图片了,应该怎么做
鼠标移出事件
jQuery('#toolbar').find('.font-set').off('mouseover').bind('mouseover', function () {                 $(this).addClass("active");             }).off('mouseout').bind('mouseout', function () {      
鼠标移出浏览器后,Flex事件中断执行,求原因!
现有一按钮和一DataGrid,当DataGrid选中行发生改变时,调用webservice,并控制按钮的可用性。rn例:DataGrid有两行,点第一行,按钮可用;点第二行,按钮不可用。rnrn 先选中第一行,使按钮可用rn->选择第二行的同时,迅速把光标移出窗口并点击其它地方rn->切换回浏览器,此时发现第二行处于选中状态但是按钮仍然可用rn 如果,点击一下DataGrid,按钮状态则变回不可用。rnrn给人的感觉像是,焦点移出浏览器后,事件并没用继续执行,点击窗口后,事件才继续执行。rn请大家给出出主意,谢谢了!rnrn下面是webservice成功后,对按钮的控制代码rn[code=HTML]private function onCompleteDoPassbackHandler(event:ResultEvent):voidrnrn var cvs:Canvas=tabNav.getChildAt(tabNav.selectedIndex) as Canvas;rn for each(var it:* in cvs.getChildren())rn if(it is mx.controls.ButtonBar)rn it.dataProvider=g_buttonBarData[3].data;rn if (event.result == "canPassBack") rn it.enabled=true;rn else rn it.enabled=false;rn rn rn rn if (event.result == "PassBackCompleted") rn rn[/code]
JS之鼠标移入移出事件2
写了两种JS的方法,其实都是一样的。只不过一个是放在body之前,利用事件加载方法;一个是放在代码的最后面; 1. #div1 { width: 200px; height: 200px; background: red; display: none; } window.onload=functio
H5 JS鼠标选中和移出事件
<!DOCTYPE html> <html>     <head>         <meta charset="UTF-8">         <title></title>     </head>     <body>         <div  i
JS鼠标移入移出事件的区别所在
  强烈建议使用DW软件 复制粘贴后 打开网页后摁一下F12 点到控制台 自行操作 </html> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">    
右键按下的事件是什么?
是不是包括在click中的?那样的话该如何判断?
MouseMove事件的触发原理是什么?
[img=https://img-bbs.csdn.net/upload/201402/06/1391673331_629937.png][/img]rnrn想要在窗体上(不是按钮上)MouseDown,之后移动鼠标,让那个按钮随着鼠标的运动而移动,而不是直接点击拖动那个按钮。【我承认我可能有点无聊= =】rnrn结果我还是按照直接拖动按钮的方法写事件rn[code=csharp]private void Form1_MouseDown(object sender, MouseEventArgs e)rn rn x = e.X;rn y = e.Y;rn rnrn private void Form1_MouseMove(object sender, MouseEventArgs e)rn rn if (MouseDown事件确实执行了)rn rn int dx = e.X - x;rn int dy = e.Y - y;rnrn button1.Left += dx;rn button1.Top += dy;rn rn [/code]rnrn按钮移动异常地快,噌的一下就不见了。rn所以干脆在MouseMove事件里放了个变量记录触发次数:rnrn[img=https://img-bbs.csdn.net/upload/201402/06/1391673938_490581.png][/img]rnrn发现移动一小段距离竟然触发了80多次(难怪一下就不见了),rn其实真要实现这个需求也可以不这么做,只是想问问:rnMouseMove事件背后的触发原理究竟是什么?这个触发频率可以修改吗?
MouseMove事件被无故触发
在form上有一个按钮,有一个picturebox,本来的操作时:单击按钮,然后触发picturebox的mousedown事件,当mousedown事件被触发之后,才触发mousemove事件,但是不知道为什么,单击完按钮之后马上就触发mousemove事件了。。。rnrn请哪位大侠忙我分析一下,谢谢!!
鼠标左键右键不触发事件的原因
鼠标左键右键不触发事件的原因:Edit -> Project Setting -> Engine -> Input -> Mouse Properties,不勾选“use mouse for touch”
怎么用jQuery实现当光标移开文本框后触发事件
各位大侠有这方面的例子没rn 贴两个出来 谢谢
当mousemove事件遇到iframe
我想给body绑定一个mousemove事件,比如说获取任意时刻鼠标在页面中的坐标。rn但是当这个body包含iframe并且鼠标移入这个框架中时,将不会触发那个mousemove事件。rnrn如何才能在iframe中也触发那个mousemove事件呢?
datagrid 按住右键为触发不了mousemove事件
各位大家好:rn 现在我有一个难题,我现在用的是第三方控件DevExpress里的rn我想把TreeList节点信息拖动到DataGrid里,现在TreeList节点信息我能够得到,但是我DataGrid_DragDrop 时rn拖放不上去,因为我在按住右键拖动不能触发DataGrid_MouseMove事件,所以得不到正确的行号?rnrn怎么解决啊?哪位知道请告知,谢谢
怎样在鼠标按下事件中获得点的坐标?
怎样在控件上点击鼠标获得鼠标相对该控件的坐标和相对屏幕的坐标?怎样获得屏幕的大小?rn肯请大虾们帮忙,不胜感激!
mousemove事件导致鼠标闪烁
在一张图片上设置多个区域为热点来实现图片按钮,并判断在图片上的mousemove事件,响应鼠标在不同热点区域显示不同的光标。功能是实现了可是却造成了鼠标的闪烁(我估计是因为鼠标响应到细微的变化响应了MOUSEMOVE)请问各位高手有什么办法能实现这个功能又不会让鼠标闪烁呢?rn Private Sub PictureBox1_MouseMove(ByVal sender As System.Object, ByVal e As System.Windows.Forms.MouseEventArgs) Handles PictureBox1.MouseMovern If e.X > No1Rect.X And e.X < No1Rect.X + 50 And e.Y > No1Rect.Y And e.Y < No1Rect.Y + 29 Thenrn PictureBox1.Cursor = Cursors.Handrn Returnrn Elsern PictureBox1.Cursor = Cursors.Defaultrn End Ifrnrn If e.X > No2Rect.X And e.X < No2Rect.X + 50 And e.Y > No2Rect.Y And e.Y < No2Rect.Y + 29 Thenrnrn PictureBox1.Cursor = Cursors.Handrn Returnrn Elsern PictureBox1.Cursor = Cursors.Defaultrnrn End Ifrnend sub
如何判断鼠标左右键一起按下的事件
有什么简单方法没有?
vb.net 如何重写Button鼠标mousemove事件?
想让鼠标移动到按钮上时显示其他颜色,如何重写这个事件?
mousemove是鼠标移动到该控件时触发一个事件,有没有这样鼠标移出该控件时触发的事件啊。
mousemove是鼠标移动到该控件时触发一个事件,有没有这样鼠标移出该控件时触发的事件啊。
相关热词 c#部署端口监听项目、 c#接口中的属性使用方法 c# 昨天 c#func链接匿名方法 c#怎么创建文件夹 c#从键盘接收空格 c#da/ad c#部门请假管理系统 c#服务器socket c# 默认的访问修饰符