cancelBubble=true的问题

发布时间:2020-07-19编辑:脚本学堂
cancelBubble=true的问题

cancelBubble = true,阻止事件由子元素向父元素冒泡。

什么时候用到呢?

比如,<div onclick="A()"><a href="b.htm">bbbbbb</a><div>

点 bbbbbb 的时候,也会触发 A()。

要避免出现这种情况,可以阻止点<a>的时候,也触发父元素DIV的click事件:
<div onclick="A()"><a href="b.htm" onclick="event.cancelBubble=true;" >bbbbbb</a><div>