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()
Javascript 相关文章推荐
js关于精确计算和数值格式化以及直接引js文件
Jan 28 Javascript
首页图片漂浮效果示例代码
Jun 05 Javascript
js限制文本框只能输入数字方法小结
Jun 16 Javascript
jQuery实现冻结表格行和列
Apr 29 Javascript
JavaScript中的parse()方法使用简介
Jun 12 Javascript
javascript封装 Cookie 应用接口
Aug 07 Javascript
BootStrap的弹出框(Popover)支持鼠标移到弹出层上弹窗层不隐藏的原因及解决办法
Apr 03 Javascript
Three.js快速入门教程
Sep 09 Javascript
AngularJS 单元测试(一)详解
Sep 21 Javascript
AngularJS实现DOM元素的显示与隐藏功能
Nov 22 Javascript
JS获取鼠标坐标并且根据鼠标位置不同弹出不同内容
Jun 12 Javascript
ES6中的class是如何实现的(附Babel编译的ES5代码详解)
May 17 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调用Webservice实例代码
2011/07/29 PHP
php获取本地图片文件并生成xml文件输出具体思路
2013/04/27 PHP
浅谈PHP中关于foreach使用引用变量的坑
2016/11/14 PHP
javascript中&quot;/&quot;运算符常见错误
2010/10/13 Javascript
jQuery Tools tab(幻灯片)
2012/07/14 Javascript
js判断undefined类型,undefined,null, 的区别详细解析
2013/12/16 Javascript
js中自定义方法实现停留几秒sleep
2014/07/11 Javascript
一个不错的js html页面倒计时可精确到秒
2014/10/22 Javascript
js判断一个字符串是否包含一个子串的方法
2015/01/26 Javascript
JavaScript中的包装对象介绍
2015/01/27 Javascript
纯JS焦点图特效实例(可一个页面多用)
2016/12/07 Javascript
js实现方块上下左右移动效果
2017/08/17 Javascript
Vue-cli项目获取本地json文件数据的实例
2018/03/07 Javascript
20个必会的JavaScript面试题(小结)
2019/07/02 Javascript
vue中filters 传入两个参数 / 使用两个filters的实现方法
2019/07/15 Javascript
基于VUE实现简单的学生信息管理系统
2021/01/13 Vue.js
[03:02]辉夜杯主赛事第二日 每日之星
2015/12/27 DOTA
在Python的Flask框架中实现全文搜索功能
2015/04/20 Python
Python中的map()函数和reduce()函数的用法
2015/04/27 Python
python实现xlsx文件分析详解
2018/01/02 Python
python 获取字符串MD5值方法
2018/05/29 Python
python计算阶乘和的方法(1!+2!+3!+...+n!)
2019/02/01 Python
在Python运行时动态查看进程内部信息的方法
2019/02/22 Python
python 生成正态分布数据,并绘图和解析
2020/12/21 Python
amazeui树节点自动展开折叠面板并选中第一个树节点的实现
2020/08/24 HTML / CSS
关于canvas.toDataURL 在iOS运行失败的问题解决
2020/09/16 HTML / CSS
大学生创业计划书的用途
2014/01/08 职场文书
出国导师推荐信
2014/01/16 职场文书
新学期开学寄语
2014/01/18 职场文书
圣诞节红领巾广播稿
2014/02/03 职场文书
阳光体育活动实施方案
2014/05/25 职场文书
电子商务专业应届毕业生求职信
2014/06/21 职场文书
公安局副政委班子个人对照检查材料
2014/10/04 职场文书
大学生逃课检讨书
2015/05/04 职场文书
离职告别感言
2015/08/04 职场文书
Pytorch数据读取之Dataset和DataLoader知识总结
2021/05/23 Python