简析DOM事件

DOM事件的三个阶段（DOM事件流）：

1.事件捕获阶段

由document节点依次向内捕获直到目标元素

2.处于目标阶段

目标节点处理事件的阶段

3.事件冒泡阶段

由目标节点向外冒泡直到document节点

事件绑定的API

  • IE5*:attachEvent('onclick',fn) 冒泡
  • 网景：addEventListener('click',fn) 捕获
  • W3C:addEventListener('click',fn,bool)

如果bool不传值或为falsy 就让fn走冒泡
如果bool为true 就让fn走捕获
我们经常使用的是冒泡

阻止冒泡

捕获不可取消，但冒泡可以，采用e.stopPropogation()来阻止冒泡

posted @ 2020-12-12 22:12  时光傀儡师  阅读(92)  评论(0)  编辑  收藏  举报