问题:
给一个很简单的例子,当点击第二个div的时候,会同时触发此div与其父元素的点击事件,按照官方的说法,这是事件的浮升,那么要怎么阻止这种情况呢?
<div onclick="alert();">
<div onclick="alert();"></div>
</div>
解决方案:
使用 event.cancelBubble=true;
<div onclick="alert();">
<div onclick="alert();event.cancelBubble=true;"></div>
</div>
JQ解决方案:
在子触发事件中添加
event.stopPropagation();