有效阻止事件冒泡的五种常见技巧

五种常用方法，彻底防止事件冒泡，需要具体代码示例

事件冒泡在前端开发中是一个常见的问题，当一个元素触发了某个事件后，事件会沿着元素的层次结构从内向外进行冒泡传播，可能导致不希望的结果。为了解决这个问题，本文将介绍五种常用的方法来彻底防止事件冒泡，并提供具体的代码示例。

1. stopPropagation() 方法
   stopPropagation() 方法是最常用的一种防止事件冒泡的方法，它被所有的主流浏览器支持。代码示例如下：

   document.getElementById("element").addEventListener("click", function(event) {
     event.stopPropagation();
   });