备案控制台
探索云世界
开发者社区 开发与运维 文章 正文

Javascript 事件捕获(setCapture,captureEvents)

2017-11-15 1042
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
< DOCTYPE html PUBLIC -WCDTD XHTML StrictEN httpwwwworgTRxhtmlDTDxhtml-strictdtd>

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

   Mozilla 也有类似的功能，方法稍微不同
   window.captureEvents(Event.eventType)
   window.releaseEvents(Event.eventType)

Event 是Mozilla特殊的一个object.
eventType 包括: Abort, Blur, Click, Change, DblClick, DragDrop, Error, Focus, KeyDown, KeyPress, KeyUp, Load, MouseDown, MouseMove, MouseOut, MouseOver, MouseUp, Move, Reset, Resize, Select, Submit, Unload.
相关联接:
For IE
http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/methods/setcapture.asp
http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/methods/releasecapture.asp

For Mozilla
http://developer.mozilla.org/en/docs/DOM:window.captureEvents
http://developer.mozilla.org/en/docs/DOM:window.releaseEvents

本文转自 netcorner 博客园博客，原文链接： http://www.cnblogs.com/netcorner/archive/2007/12/05/2912247.html ，如需转载请自行联系原作者

文章标签：
JavaScript
前端开发
关键词：
JavaScript事件
JavaScript事件捕获
技术小牛人
目录
相关文章
她说她一如既往的爱我
|
4月前
|
JavaScript 前端开发
JS的事件介绍
JS的事件介绍
她说她一如既往的爱我
38 0
泡芙-草莓
|
1月前
|
JavaScript
事件触发、事件捕获与事件冒泡（js的问题）
事件触发、事件捕获与事件冒泡（js的问题）
泡芙-草莓
13 0
龙大吉
|
11天前
|
JavaScript 前端开发
js开发：请解释事件冒泡和事件捕获。
JavaScript中的事件处理有冒泡和捕获两种方式。事件冒泡是从子元素向上级元素传递，而事件捕获则从外层元素向内层传递。`addEventListener`的第三个参数可设定事件模式，`false`或不设为冒泡，`true`为捕获。示例代码展示了如何设置。
龙大吉
22 2
爱吃糖的范同学
|
2天前
|
JavaScript 前端开发 C++
【Web 前端】JavaScript window.onload 事件和 jQuery ready 函数有何不同？
【5月更文挑战第2天】【Web 前端】JavaScript window.onload 事件和 jQuery ready 函数有何不同？
爱吃糖的范同学
12 2
桃李春风一杯酒
|
4天前
|
JavaScript 前端开发 开发者
【JavaScript技术专栏】JavaScript事件处理机制详解
【4月更文挑战第30天】本文探讨JavaScript中的事件处理机制，涉及事件类型（如click、mouseover）、事件流（冒泡型、捕获型及目标阶段）、事件处理函数（内联与addEventListener方法）以及事件委托（用于优化内存和处理动态元素）。此外，还介绍了事件取消，通过`preventDefault()`和`stopPropagation()`控制事件行为。理解这些概念对构建交互式Web应用至关重要。
桃李春风一杯酒
11 1
程序员-刘华强
|
5天前
|
JavaScript 前端开发
11.JavaScript 事件的概念以及绑定方法
11.JavaScript 事件的概念以及绑定方法
程序员-刘华强
10 1
白砂糖与香辛料`
|
16天前
|
JavaScript 前端开发 UED
JavaScript的事件介绍
JavaScript的事件介绍
白砂糖与香辛料`
23 0
白砂糖与香辛料`
|
16天前
|
JavaScript 前端开发
JavaScript 事件
JavaScript 事件
白砂糖与香辛料`
6 0
天玄TX
|
1月前
|
JavaScript 前端开发 流计算
JS：oninput和onchange事件的区别
JS：oninput和onchange事件的区别
天玄TX
21 1
龙大吉
|
2月前
|
JavaScript 前端开发
js开发：请解释事件冒泡和事件捕获。
JavaScript中的事件处理有冒泡和捕获两种方式。事件冒泡是从子元素向上级元素依次触发事件，而事件捕获则从最外层元素向内层元素传递。`addEventListener`的第三个参数可设定事件模式，`false`或不设为冒泡，`true`为捕获。例如： ```javascript element.addEventListener(&#39;click&#39;, console.log, false); // 冒泡 element.addEventListener(&#39;click&#39;, console.log, true); // 捕获 ```
龙大吉
18 0

热门文章

最新文章

  • 1
    JavaScript 权威指南第七版（GPT 重译）（六）(4)
  • 2
    JavaScript 权威指南第七版（GPT 重译）（三）(1)
  • 3
    JavaScript 权威指南第七版（GPT 重译）（二）(1)
  • 4
    JavaScript 权威指南第七版（GPT 重译）（四）(4)
  • 5
    JavaScript 权威指南第七版（GPT 重译）（七）(1)
  • 6
    JavaScript 权威指南第七版（GPT 重译）（六）(3)
  • 7
    JavaScript 权威指南第七版（GPT 重译）（三）(2)
  • 8
    报错/ ./node_modules/axios/lib/platform/index.js Module parse failed: Unexpected token (5:2)怎么解决？
  • 9
    设置WebStorm像VSCode一样每行代码结尾自动格式化加入“；”分号（JavaScript、TypeScript格式化）
  • 10
    前端最常见的JS面试题大全
  • 1
    监控内网电脑软件设计与实现：基于Node.js的服务器端架构分析
    127
  • 2
    Java Script 中的垃圾回收机制有哪些缺点
    14
  • 3
    描述 JavaScript 中的垃圾回收机制。
    20
  • 4
    如何使用 JavaScript 操作 DOM？
    17
  • 5
    解释 JavaScript 中的`map()`、`filter()`和`reduce()`方法的用途。
    21
  • 6
    JavaScript 中的数组方法有哪些？
    10
  • 7
    JS设置日期为0时0分0秒
    30
  • 8
    JavaScript随手笔记 --- 对数据进行判断最大位数是否超过八位
    26
  • 9
    JavaScript随手笔记 --- 用正则表达式匹配字符串是否为运算公式
    21
  • 10
    深入理解JavaScript中的闭包与作用域链
    10

    • 相关课程

    更多
  • JavaScript入门与实战
  • JavaScript 自学手册文档教程

    • 相关电子书

    更多
  • JavaScript函数
  • Delivering Javascript to World
  • 编程语言如何演化-以JS的private为例

    • 相关实验场景

    更多
  • Html5和Webpack2：Webpack5打包JS和样式表
    • 下一篇
    2024年阿里云免费云服务器及学生云服务器申请教程参考