事件冒泡或事件捕获
2016-06-14 12:16
281 查看
事件传递有两种方式:冒泡与捕获。
事件传递定义了元素事件触发的顺序。 如果你将 <p> 元素插入到 <div> 元素中,用户点击 <p> 元素, 哪个元素的 "click" 事件先被触发呢?
在 冒泡 中,内部元素的事件会先被触发,然后再触发外部元素,即: <p> 元素的点击事件先触发,然后会触发 <div> 元素的点击事件。
在 捕获 中,外部元素的事件会先被触发,然后才会触发内部元素的事件,即: <div> 元素的点击事件先触发 ,然后再触发 <p> 元素的点击事件。
addEventListener() 方法可以指定 "useCapture" 参数来设置传递类型
例如:
默认值为 false, 及冒泡传递;当值为 true 时, 事件使用捕获传递。
.addEventListener("click", myFunction, true);
事件传递定义了元素事件触发的顺序。 如果你将 <p> 元素插入到 <div> 元素中,用户点击 <p> 元素, 哪个元素的 "click" 事件先被触发呢?
在 冒泡 中,内部元素的事件会先被触发,然后再触发外部元素,即: <p> 元素的点击事件先触发,然后会触发 <div> 元素的点击事件。
在 捕获 中,外部元素的事件会先被触发,然后才会触发内部元素的事件,即: <div> 元素的点击事件先触发 ,然后再触发 <p> 元素的点击事件。
addEventListener() 方法可以指定 "useCapture" 参数来设置传递类型
例如:
默认值为 false, 及冒泡传递;当值为 true 时, 事件使用捕获传递。
.addEventListener("click", myFunction, true);
相关文章推荐
- json
- Java - Java概述
- XX图文扩容配置说明
- 建立一个Point类,包含数据成员x,y,实现需要的成员函数,并设计main函数完成测试
- java.lang.NoClassDefFoundError: org/w3c/dom/ElementTraversal
- canvas元素大小与绘图表面大小
- java.lang.NoClassDefFoundError: org/w3c/dom/ElementTraversal
- Leetcode #91 in cpp
- 投了几百份简历,至今仍然失业,怪谁?
- Swift之GCD 使用指南2
- Swift之GCD 使用指南2
- Percona Live 2016 PPT整理-zhaiwx_yinfeng
- VOL.8 JavaScript 总被黑为啥又能这么火?
- 大话设计模式-第13章 好菜每回味不同--建造者模式
- 正则表达式:检查一个句子或者字符串是否以大写字母开头,以句号结尾.
- 保持Android设备屏幕常亮和cpu活动状态
- 网站开发进阶(三十九)重磅推出:优良的编码风格!
- 网站开发进阶(三十九)重磅推出:优良的编码风格!
- VIJOS 1889 天真的因数分解(莫比乌斯反演,容斥原理)
- iis7错误0x80005000