编程 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 相关文章推荐

JavaScript实现动态增加文件域表单

Feb 12 Javascript

jquery nth-child()选择器的简单应用

Jul 10 Javascript

使用javascript实现页面定时跳转总结篇

Sep 21 Javascript

浅谈javascript中replace()方法

Nov 10 Javascript

使用微信小程序开发前端【快速入门】

Dec 05 Javascript

Angular2 路由问题修复详解

Mar 01 Javascript

关于Node.js的events.EventEmitter用法介绍

Apr 01 Javascript

详解vue-cli快速构建项目以及引入bootstrap、jq

May 26 Javascript

详解JavaScript的内存空间、赋值和深浅拷贝

Apr 17 Javascript

解决layUI的页面显示不全的问题

Sep 20 Javascript

Vue select 绑定动态变量的实例讲解

Oct 22 Javascript

教你部署vue项目到docker

Apr 05 Vue.js

小议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