浅谈JavaScript中的事件冒泡和事件捕获
2015-07-30 15:18
555 查看
事件冒泡和事件捕获,这两个概念都是为了解决页面中事件流(事件发生顺序)的问题。
![这里写图片描述](http://img.blog.csdn.net/20150730151610251)
比如说有一个demo:
Event!
如果外部的div和内部的div都绑定了点击事件,那点击“Event”的时候,会先触发内部还是外部事件,这样的先后顺序就引出了两个概念:事件冒泡和事件捕获。
所谓事件冒泡,就是从最先触发的那层元素开始,一层一层向外触发,在这个例子中,就是先触发内部div然后触发外层div。事件捕获与事件冒泡相反,是从最外层开始触发,一直触发到最内层。在这个例子中,是先触发外部div然后触发内部div。
![这里写图片描述](http://img.blog.csdn.net/20150730151610251)
比如说有一个demo:
Event!
如果外部的div和内部的div都绑定了点击事件,那点击“Event”的时候,会先触发内部还是外部事件,这样的先后顺序就引出了两个概念:事件冒泡和事件捕获。
所谓事件冒泡,就是从最先触发的那层元素开始,一层一层向外触发,在这个例子中,就是先触发内部div然后触发外层div。事件捕获与事件冒泡相反,是从最外层开始触发,一直触发到最内层。在这个例子中,是先触发外部div然后触发内部div。
相关文章推荐
- js调试工具console详解
- 《javascript高级程序设计》对象图
- 通用的事件侦听器函数实现(JS)
- 在iframe里调用parent.func()引出的js函数运行在它们被定义的作用域里,而不是它们被执行的作用域里
- Json对象与Json字符串互转(4种转换方式)
- 使用js复制链接中的部分文字的方法
- 在线extjs帮助文档
- action的变量在jsp中的取值问题
- AugularJS基础概念
- js将人民币金额转换为大写
- c#操作带属性的列表形式json
- c#操作简单列表形式的json
- 常用正则表达式
- Linq to js使用
- 【读书笔记】 通过原生javascript获取margin
- c#获取简单json的值
- js实现身份证号有效性验证
- particles.js 一个非常酷炫的粒子动画库
- javascript深入理解js闭包
- js鼠标滚动监听