编程 Javascript

JS setCapture 区域外事件捕捉

Posted in Javascript onMarch 18, 2010

不过setCapture不支持键盘事件, 只能捕获以下鼠标事件：onmousedown、onmouseup、onmousemove、onclick、ondblclick、onmouseover和onmouseout。

程序中主要是要捕获onmousemove和onmouseup事件。

msdn的介绍中还说到setCapture有一个bool参数，用来设置在容器内的鼠标事件是否都被容器捕获。

参数为true时（默认）容器会捕获容器内所有对象的鼠标事件，即容器内的对象不会触发鼠标事件（跟容器外的对象一样）；

参数为false时容器不会捕获容器内对象的鼠标事件，即容器内的对象可以正常地触发事件和取消冒泡。

object.setCapture() 当一个object的被 setCapture 后，他的方法将会被继承到整个文档进行捕获。当不需要把方法继承到整个文档捕获时，要用 object.releaseCapture() 来释放.

Mozilla 也有类似的功能，方法稍微不同

window.captureEvents(Event.eventType)

window.releaseEvents(Event.eventType)

事例:

<HTML> 
<BODY> 
<div id="m_Div" style="width:200px;height:200px;border:1px solid #b0bca5;padding:2px" onclick="alert('Hello')">点一下IE的菜单或者按钮看看:) 
又或者IE窗口外的地方</div> 
<SCRIPT LANGUAGE="JavaScript"> 
<!-- 
document.getElementById("m_Div").setCapture() 
//--> 
</SCRIPT> 
</BODY> 
</HTML>

在调用setCapture()后, 捕捉到事件后自动释放, 如果在连续对事件捕捉,需要在调用的事件里再次执行setCaptuer()

JS setCapture 区域外事件捕捉

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

js 方法实现返回多个数据的代码

Apr 30 Javascript

页面中iframe相互传值传参

Dec 13 Javascript

善用事件代理，警惕闭包的性能陷阱。

Jan 20 Javascript

JavaScript获取flash对象与网上的有所不同

Apr 21 Javascript

JS实现窗口加载时模拟鼠标移动的方法

Jun 03 Javascript

js实现图片无缝滚动特效

Mar 19 Javascript

javascript中利用柯里化函数实现bind方法

Apr 29 Javascript

vue1.0和vue2.0的watch监听事件写法详解

Sep 11 Javascript

Vue 无限滚动加载指令实现方法

May 28 Javascript

vue+导航锚点联动-滚动监听和点击平滑滚动跳转实例

Nov 13 Javascript

原生js实现的金山打字小游戏（实例代码详解）

Mar 16 Javascript

JavaScript forEach中return失效问题解决方案

Jun 01 Javascript

小议Javascript中的this指针

Mar 18 #Javascript

jQuery each()方法的使用方法

Mar 18 #Javascript

jQuery each()小议

Mar 18 #Javascript

jquery ajax执行后台方法

Mar 18 #Javascript

jQuery中与toggleClass等价的程序段以及未来学习的方向

Mar 18 #Javascript

javascript 验证日期的函数

Mar 18 #Javascript

12个非常有创意的JavaScript小游戏

Mar 18 #Javascript