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

jQuery DOM操作小结与实例

Jan 07 Javascript

js 控制页面跳转的5种方法

Sep 09 Javascript

Jquery EasyUI的添加，修改，删除，查询等基本操作介绍

Oct 11 Javascript

jQuery中slidedown与slideup方法用法示例

Sep 16 Javascript

JavaScript 身份证号有效验证详解及实例代码

Oct 20 Javascript

微信小程序request请求后台接口php的实例详解

Sep 20 Javascript

jquery鼠标悬停导航下划线滑出效果

Sep 29 jQuery

JS实现的简单折叠展开动画效果示例

Apr 28 Javascript

详解vue中localStorage的使用方法

Nov 22 Javascript

layui问题之模拟table表格中的选中按钮选中事件的方法

Sep 20 Javascript

jquery实现掷骰子小游戏

Oct 24 jQuery

vscode 使用Prettier插件格式化配置使用代码详解

Aug 10 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

You might like

十天学会php之第三天

2006/10/09 PHP

php 生成随机验证码图片代码

2010/02/08 PHP

php算法实例分享

2015/07/14 PHP

PHP MYSQL实现登陆和模糊查询两大功能

2016/02/05 PHP

如何使用PHP给图片加水印

2016/10/12 PHP

PHP中危险的file_put_contents函数详解

2017/11/04 PHP

JavaScript 节点操作以及DOMDocument属性和方法

2007/12/06 Javascript

Jquery Ajax 学习实例2 向页面发出请求返回JSon格式数据

2010/03/15 Javascript

给事件响应函数传参数的四种方式小结

2013/12/05 Javascript

jQuery实现带滚动线条导航效果的方法

2015/01/30 Javascript

ECMAScript6中Map/WeakMap详解

2015/06/12 Javascript

详解JSON1：使用TSQL查询数据和更新JSON数据

2016/11/21 Javascript

js实现百度地图定位于地址逆解析，显示自己当前的地理位置

2016/12/08 Javascript

Node.js连接MongoDB数据库产生的问题

2017/02/08 Javascript

BootStrap表单宽度设置方法

2017/03/10 Javascript

详解从Node.js的child_process模块来学习父子进程之间的通信

2017/03/27 Javascript

JavaScript实现二叉树的先序、中序及后序遍历方法详解

2017/10/26 Javascript

对node.js中render和send的用法详解

2018/05/14 Javascript

vue--点击当前增加class,其他删除class的方法

2018/09/15 Javascript

使用vue2.6实现抖音【时间轮盘】屏保效果附源码

2019/04/24 Javascript

微信小程序实现定位及到指定位置导航的示例代码

2019/08/20 Javascript

微信小程序实现上拉加载功能

2019/11/20 Javascript

用pandas按列合并两个文件的实例

2018/04/12 Python

Python判断两个list是否是父子集关系的实例

2018/05/04 Python

Django框架视图介绍与使用详解

2019/07/18 Python

python3 tkinter实现添加图片和文本

2019/11/26 Python

Quiksilver荷兰官方网站：冲浪和滑雪板

2019/11/16 全球购物

.NET remoting中对象激活的两种方式

2015/06/08 面试题

超市促销活动方案

2014/03/05 职场文书

四年级语文教学反思

2016/03/03 职场文书

CocosCreator如何实现划过的位置显示纹理

2021/04/14 Javascript

Ajax请求超时与网络异常处理图文详解

2021/05/23 Javascript

教你使用一行Python代码玩遍童年的小游戏

2021/08/23 Python

解决pycharm下载库时出现Failed to install package的问题

2021/09/04 Python

防止web项目中的SQL注入

2021/12/06 MySQL

苹果电脑mac os中货币符号快捷输入

2022/02/17 杂记