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 相关文章推荐
jquery获取input表单值的代码
Apr 19 Javascript
jquery load()在firefox(火狐)下显示不正常的解决方法
Apr 05 Javascript
深入理解JavaScript系列(8) S.O.L.I.D五大原则之里氏替换原则LSP
Jan 15 Javascript
jquery中的on方法使用介绍
Dec 29 Javascript
Javascript实现图片轮播效果(二)图片序列节点的控制实现
Feb 17 Javascript
springMVC结合AjaxForm上传文件
Jul 12 Javascript
AngularJs concepts详解及示例代码
Sep 01 Javascript
AngularJS  $on、$emit和$broadcast的使用
Sep 05 Javascript
使用Xcache缓存器加速PHP网站的配置方法
Apr 22 Javascript
vue实现页面加载动画效果
Sep 19 Javascript
react配合antd组件实现的管理系统示例代码
Apr 24 Javascript
webpack项目轻松混用css module的方法
Jun 12 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按行读取文件时删除换行符的3种方法
2014/05/04 PHP
PHP-FPM之Chroot执行环境详解
2015/08/03 PHP
php实现在站点里面添加邮件发送的功能
2020/04/28 PHP
两个Javascript小tip资料
2010/11/23 Javascript
jquery显示loading图片直到网页加载完成的方法
2015/06/25 Javascript
包含中国城市的javascript对象实例
2015/08/03 Javascript
JavaScript 链式结构序列化详解
2016/09/30 Javascript
基于Phantomjs生成PDF的实现方法
2016/11/07 Javascript
微信小程序动态显示项目倒计时效果
2017/06/13 Javascript
使用Node.js实现RESTful API的示例
2017/08/01 Javascript
vue中关闭eslint的方法分析
2018/08/04 Javascript
vue-cli整合vuex的时候,修改actions和mutations,实现热部署的方法
2018/09/19 Javascript
layer.open的自适应及居中及子页面标题的修改方法
2019/09/05 Javascript
python list语法学习(带例子)
2013/11/01 Python
Python中的fileinput模块的简单实用示例
2015/07/09 Python
python实现朴素贝叶斯分类器
2018/03/28 Python
python 用所有标点符号分隔句子的示例
2019/07/15 Python
Django数据结果集序列化并展示实现过程
2020/04/22 Python
html5启动原生APP总结
2020/07/03 HTML / CSS
德国化妆品和天然化妆品网上商店:kosmetikfuchs.de
2017/06/09 全球购物
全球最大的在线旅游公司:Expedia
2017/11/16 全球购物
Woods官网:加拿大最古老、最受尊敬的户外品牌之一
2020/09/12 全球购物
Java面试题:请说出如下代码的输出结果
2013/04/22 面试题
秘书专业自荐信范文
2013/12/26 职场文书
优秀通讯员事迹材料
2014/01/28 职场文书
中文专业学生自我评价范文
2014/02/06 职场文书
科级干部群众路线教育实践活动对照检查材料思想汇报
2014/09/20 职场文书
个人股份转让协议书范本
2014/10/26 职场文书
一年级语文下册复习计划
2015/01/17 职场文书
债务纠纷起诉书
2015/05/20 职场文书
2015年领导干部廉洁自律工作总结
2015/05/26 职场文书
2015初一年级组工作总结
2015/07/24 职场文书
晶体管来复再生式二管收音机
2021/04/22 无线电
用CSS3画一个爱心
2021/04/27 HTML / CSS
vue使用Google Recaptcha验证的实现示例
2021/08/23 Vue.js
SpringBoot Http远程调用的方法
2022/08/14 Java/Android