javascript的事件冒泡和事件捕获
2016-12-13 17:46
190 查看
事件传递有两种方式:冒泡与捕获。
事件传递定义了元素事件触发的顺序。 如果你将 <p> 元素插入到 <div> 元素中,用户点击 <p> 元素, 哪个元素的 "click" 事件先被触发呢?
在 冒泡 中,内部元素的事件会先被触发,然后再触发外部元素,即:
<p> 元素的点击事件先触发,然后会触发 <div> 元素的点击事件。
在 捕获 中,外部元素的事件会先被触发,然后才会触发内部元素的事件,即:
<div> 元素的点击事件先触发 ,然后再触发 <p> 元素的点击事件。
addEventListener() 方法可以指定 "useCapture" 参数来设置传递类型:
addEventListener(event, function, useCapture);
默认值为 false, 即冒泡传递,当值为 true 时, 事件使用捕获传递
事件传递定义了元素事件触发的顺序。 如果你将 <p> 元素插入到 <div> 元素中,用户点击 <p> 元素, 哪个元素的 "click" 事件先被触发呢?
在 冒泡 中,内部元素的事件会先被触发,然后再触发外部元素,即:
<p> 元素的点击事件先触发,然后会触发 <div> 元素的点击事件。
在 捕获 中,外部元素的事件会先被触发,然后才会触发内部元素的事件,即:
<div> 元素的点击事件先触发 ,然后再触发 <p> 元素的点击事件。
addEventListener() 方法可以指定 "useCapture" 参数来设置传递类型:
addEventListener(event, function, useCapture);
默认值为 false, 即冒泡传递,当值为 true 时, 事件使用捕获传递
相关文章推荐
- JavaScript事件捕获与事件冒泡原理
- JavaScript 事件顺序:冒泡和捕获
- javascript 事件的捕获和冒泡
- javascript事件捕获与冒泡
- JavaScript示例六(事件冒泡与捕获)
- Javascript的事件冒泡和事件捕获,阻止事件冒泡,事件源target
- Javascript事件模型:事件捕获和事件冒泡
- JavaScript中事件捕获(Event capturing)-------------->由外向内,事件冒泡(Event bubblin)---------->由内向外
- javascript的事件冒泡和事件捕获
- 看懂此文,不再困惑于javascript中的事件绑定、事件冒泡、事件捕获和事件执行顺序
- JavaScript事件捕获与事件冒泡原理 IE和DOM之间存在哪些主要差别
- javascript事件处理方式之捕获冒泡
- javascript事件冒泡与事件捕获
- javascript的事件捕获和事件冒泡
- javascript dom 事件冒泡与捕获
- javascript事件冒泡和捕获
- 【转】JavaScript 事件顺序:冒泡和捕获
- Javascript事件模型系列(二)事件的捕获-冒泡机制及事件委托机制
- JavaScript事件冒泡、事件捕获和阻止默认事件
- JavaScript示例六(事件冒泡与捕获)