本文由 DTcms素材网 – DT素材网 发布，转载请注明出处，如有问题请联系我们！javascript冒泡事件的用法示例（代码）
收藏 本篇文章给大家带来的内容是关于javascript冒泡事件的用法示例（代码），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。
说明：当下层元素和上层元素支持同一事件，当上层事件触发时，下层事件也触发，这就叫事件冒泡。
取消事件冒泡：ev.cancelBubble = true
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> body{ background:yellow;} div{ width:300px; height:300px; background:green; } </style> </head> <body onclick="di()"> <div onclick="ding()"></div> </body > <script> function di(){ alert('底层') } function ding(e){ var ev = e|| event // 取消事件冒泡，其实是阻止事件向下传递 ev.cancelBubble = true alert('上层社会') } </script> </html>
点击上层div，会连带触发下层事件。取消冒泡只需要：ev.cancelBubble = true
