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

最新文章

  1. Ajax深入学习
  2. JavaScript学习笔记——数组
  3. 使用CSS3 BACKFACE-VISIBILITY属性制作翻转动画效果
  4. jQuery固定浮动侧边栏(jQuery fixed Sidebar)
  5. QT QString类
  6. PHP 开发 APP 接口学习笔记与总结 - [ Linux ] 定时任务
  7. 使用SFTP上传文件到服务器的简单使用
  8. 使用div+css制作简单导航 以及要注意问题
  9. NFC简介
  10. springmvc配置文件 spring-servlet
  11. winform —— 常用控件
  12. nginx 部署多网站
  13. cakephp2.3.0 lib中的Model.php有一个bug
  14. 上传文件复用代码【fileUpload】
  15. Python学习笔记(七)
  16. Java中断机制(interrupt)
  17. ajax请求多次刷新
  18. P2886 [USACO07NOV]牛继电器Cow Relays
  19. python练习题-day8
  20. 第一节,TensorFlow基本用法

热门文章

  1. 导入import的多种形式
  2. python类的书写、调用
  3. mysql之结果集去重
  4. linux重定向与管道符(一)
  5. IDEA+selenium3+火狐/谷歌驱动 JAVA初步环境搭建 笔记
  6. [LC] 520. Detect Capital
  7. E. Tree Painting(树形换根dp)
  8. django框架进阶-auth认证系统-长期维护
  9. django框架基础-django redis-长期维护-20191220
  10. 详解JavaScript Document对象