DOM事件处理有三个阶段
2016-02-27 15:30
477 查看
DOM事件处理有三个阶段:
捕捉阶段(capture phase):从最上层元素,直到最下层(你点击的那个target)元素。路过的所有节点都可以捕捉到该事件。
命中阶段(target phase):如果该事件成功到达了target元素,它会进行事件处理。
冒泡阶段(bubbling phase):事件从最下层向上传递,依次触发父元素的该事件处理函数
在任意一个阶段的事件处理函数中,都可以通过调用
其实
立即结束当前函数并返回,当然。
捕捉阶段(capture phase):从最上层元素,直到最下层(你点击的那个target)元素。路过的所有节点都可以捕捉到该事件。
命中阶段(target phase):如果该事件成功到达了target元素,它会进行事件处理。
冒泡阶段(bubbling phase):事件从最下层向上传递,依次触发父元素的该事件处理函数
在任意一个阶段的事件处理函数中,都可以通过调用
event.stopPropagation来中断事件流,后续的阶段将不会被调用。
其实
return false做了三件事:
stopPropagation():阻止事件传播
preventDefault():禁止浏览器默认行为,比如
<a>标签被点击后页面会跳转
立即结束当前函数并返回,当然。
相关文章推荐
- 记录一奇葩scp问题的分析与解决过程
- VMware Workstation 网络设置解释三种
- 编写带命令行参数的 Python 程序
- Chapter 1 for Python Cookbook
- Mysql主从配置,实现读写分离
- x264参数详解
- FTP主动模式和被动模式的区别
- hdu 1074 doing homework(状态压缩dp)
- hdoj Ipad,IPhone 3802 (矩阵连乘) 好题
- Windows性能指标分析
- vim替换末尾列中的元素
- 2016年博客收集
- inkscape将png图片转换为svg格式的矢量图
- HTML5 HybridApp开发上手指引
- textarea如何实现高度自适应(不出现滚动条)?
- 用Java编写金字塔类型的结构
- Ulua_toLua_基本案例(四)_AccessingLuaVariables
- HDOJ-1016 Prime Ring Problem 素数环 DFS
- 004_Http之response响应头-01重定向
- EasyMonkeyDevice vs MonkeyDevice&HierarchyViewer API Mapping Matrix