js事件的三个阶段
2024-10-08 19:05:37
js事件的三个阶段分别为:捕获、目标、冒泡
1.捕获:事件由页面元素接收,逐级向下,到具体的元素
2.目标:具体的元素本身
3.冒泡:跟捕获相反,具体元素本身,逐级向上,到页面元素
IE5.5:div---body---document
IE6.0: div---body---html---document
Mozilla:div---body---html---document---window
事件捕获:当使用事件捕获时,父级元素先触发,子元素后触发
事件冒泡:当使用事件冒泡时,子级元素先触发,父元素后触发
W3C : 任何事件发生时,先从顶层开始进行事件捕获,直到事件触发到达事件源,再从事件源向上进行事件捕获
标准浏览器:addEventListener("click","doSomething","true")方法,若第三参数为true则采用事件捕获,若为false,则采用事件冒泡
IE浏览器只支持事件冒泡,不支持事件捕获,所以它不支持addEventListener("click","doSomething","true")方法,所以ie浏览器使用ele.attachEvent("onclick",doSomething)
事件传播的阻止方法:
再W3C中,使用stopPropagation()方法
在IE下使用cancelBubble = true方法
阻止默认行为:
再W3c中,使用preventDefault()方法
再IE下return false
最新文章
- Ajax深入学习
- JavaScript学习笔记——数组
- 使用CSS3 BACKFACE-VISIBILITY属性制作翻转动画效果
- jQuery固定浮动侧边栏(jQuery fixed Sidebar)
- QT QString类
- PHP 开发 APP 接口学习笔记与总结 - [ Linux ] 定时任务
- 使用SFTP上传文件到服务器的简单使用
- 使用div+css制作简单导航 以及要注意问题
- NFC简介
- springmvc配置文件 spring-servlet
- winform —— 常用控件
- nginx 部署多网站
- cakephp2.3.0 lib中的Model.php有一个bug
- 上传文件复用代码【fileUpload】
- Python学习笔记(七)
- Java中断机制(interrupt)
- ajax请求多次刷新
- P2886 [USACO07NOV]牛继电器Cow Relays
- python练习题-day8
- 第一节,TensorFlow基本用法