阻止HTML元素鼠标事件向下穿透——元素叠加

比如两个div元素叠加在一起,两个div元素都设置了鼠标事件。你点击上面的div元素,默认情况下,下面的div元素鼠标事件也会触发,如果你希望仅仅触发上面div元素的鼠标事件,可以通过执行event.stopPropagation();实现

topDiv.addEventListener("click", function(event) {
   //上面div的鼠标事件函数中执行stopPropagation()语句
   event.stopPropagation();
}