当前位置:Gxlcms > JavaScript > JS冒泡事件的快速解决方法_javascript技巧

JS冒泡事件的快速解决方法_javascript技巧

时间:2021-07-01 10:21:17 帮助过:27人阅读

何为冒泡事件
就是当设定了多个div的嵌套时;即建立了父子关系,当父div与子div共同加入了onclick事件时,当触发了子div的onclick事件后,子div进行相应的js操作。但是父div的onclick事件同样会被触发。这就造成了事件的多层并发,导致了页面混乱。这就是冒泡事件。

消除冒泡事件的方法
阻止JavaScript事件冒泡传递(cancelBubble 、stopPropagation)

下面的一段代码即可以很好的解释是么是冒泡效果,什么叫消除冒泡效果

代码如下:



阻止JavaScript事件冒泡传递(cancelBubble 、stopPropagation)