怎么在JShtml中实现事件冒泡和事件捕获操作

点击button，会以此弹出"son", "father"。

2.捕获事件：使用事件捕获时，父级元素先触发，子级元素后触发。

我们使用addEventListener添加监听事件时，参数分别为(事件类型, function(){}, capture), 一般不写第三个参数时默认为false，即事件冒泡。

所以1中的代码会是事件冒泡顺序。如果我们想改为事件捕获，把参数设置为true即可，代码如下：

  
  



  
    
      
    
  


  var father = document.getElementById('father');
  father.addEventListener('click',function () {
    alert('fattther');
  },true)
  var son = document.getElementById('son');
  son.addEventListener('click',function () {
    alert('son');
  });

看完上述内容，你们掌握怎么在JS html中实现事件冒泡和事件捕获操作的方法了吗？如果还想学到更多技能或想了解更多相关内容，欢迎关注创新互联行业资讯频道，感谢各位的阅读！