DOM事件流的三个阶段

北京老苏 2020-08-17

事件流之冒泡与捕获:

假如我们在页面上有一个 button 标签。在点击时:

  1、事件冒泡:

    a :  button 

    b :  body 

    c :  document

        d :  window

    依次触发 a 、b、c、d

  2、事件捕获:

       a :  window

       b :  document

       c :  body

     d :  button

     依次触发 a 、b、c、d

  个人总结: 点击元素时,元素从内向外扩展是冒泡,反之收缩是捕获

DOM事件流包括三个阶段。

  1. 事件捕获阶段

  2. 处于目标阶段

  3. 事件冒泡阶段

文章仅限个人观点。有误望指正。

相关推荐