JS事件流(事件冒泡和事件捕获)
来源:互联网 发布:失物招领网站源码 编辑:程序博客网 时间:2024/06/06 01:10
事件流是描述从页面接收事件的顺序。但是有意思的是,IE和Netscape开发团队提出了差不多完全相反的事件流概念。IE的事件流是事件冒泡流,而Netspace Communicator的事件流是事件捕获流。
事件冒泡
IE的事件流叫做事件冒泡(event bubbling),即事件开始时由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后,逐级下农商传播到较为不具体的节点(文档)。以下面的HTML为例:
<!DOCTYPE html><html><head><title>Event Bubbling Example</title></head><body><div id="myDiv">Click Me</div></body></html>
如果你单击了div元素,那么这个click事件会按照如下顺序传播: (1)<div>
(2)<body>
(3)<html>
(4)document
也就是说,click事件首先在<div>
元素上发生,而这个元素就是我们单击的元素。然后,click事件y沿DOM树向上传播,在每一级节点上都会发生,直到传播到document对象。
事件捕获
Netscape Communicator团队提出的另一种事件流叫做事件捕获(event capturing)。事件捕获的思想是不太具体的节点应该更早接收到事件,而最具体的节点应该最后接收到事件。事件捕获的用意在于在事件到达预定目标之前捕获它。如果仍以前面的 HTML 页面作为演示事件捕获的例子,那么单击<div>
元素就会以下列顺序触发 click 事件。 (1)document
(2)<html>
(3)<body>
(4)<div>
在事件捕获的过程中,document对象首先接收到click事件,然后事件沿DOM数依次向下,一直传播到事件的实际目标,即<div>
元素.
由于老版本的浏览器不支持,因此很少人使用事件捕获。所以我们可以放心的使用事件冒泡,再有特殊需要的地方使用事件捕获.
- JS事件流(事件冒泡和事件捕获)
- 事件流:事件冒泡和事件捕获
- Js事件捕获和冒泡
- js 事件捕获和冒泡
- js之事件冒泡和事件捕获
- js之事件冒泡和事件捕获
- js之事件冒泡和事件捕获
- js之事件冒泡和事件捕获
- js之事件冒泡和事件捕获
- js的事件冒泡和事件捕获
- JS事件冒泡和事件捕获详解
- Js冒泡事件和捕获事件
- js之事件冒泡和事件捕获
- js事件冒泡和事件捕获
- js 事件冒泡和事件捕获
- js之事件冒泡和事件捕获
- JS中的事件捕获和事件冒泡
- js事件捕获和事件冒泡
- WinInet的几个方法类的说明参考
- 手机蓝牙接收数据分段----bytebuffer可以解决
- POJ 3368 & UVA 11235
- 大小顶堆
- 2440超详细uboot移植笔记(三)------指定交叉编译链
- JS事件流(事件冒泡和事件捕获)
- DTLS编写样例二(基于DTLSConnector)
- Universal image loader设置图片圆角不显示
- 深入理解JVM——java内存区域与内存溢出异常
- Java并发之CountDownLatch的使用和源码解析
- 【原创】【程序小游戏】迷宫(版本1)
- 产品经理之产品需求文档PRD-全栈工程师熊盼
- HDU2516(斐波那契博弈)
- JBoss 6.4 Eclipse 无法热部署