js事件捕获 目标阶段 事件冒泡

js事件捕获 目标阶段 事件冒泡

  • 1. 事件阶段
  • 2. 阻止事件冒泡

1. 事件阶段

参考文章
https://segmentfault.com/a/1190000012729080

W3C的DOM事件流包含三个阶段
事件捕获
目标阶段
事件冒泡

IE事件流,不支持事件捕获

js事件捕获 目标阶段 事件冒泡_第1张图片

  1. 处于相应阶段内的元素,响应事件就是按照事件的注册顺序来进行相应阶段的触发,比如都是捕获阶段的多个处理函数,就会依照注册顺序执行
  2. stopImmediatePropagation会阻止事件的传播,也会阻止在其执行之后注册的事件的执行
  3. 由第一点理解,在目标阶段,元素的事件是按照注册的顺序执行的,此时没有冒泡和捕获的区别,都是顺序执行事件处理函数



    
    Title
    


2. 阻止事件冒泡

IE8 attachEvent/detachEvent—>火狐不支持,谷歌支持
标准:addEventListener/removeEventListener()三个参数,最后一个,false时,冒泡




    
    Title








    
    Title
    


你可能感兴趣的:(WEB前端,js)