div的子元素的点击事件会触发父元素的点击事件（禁用事件的浮升）

问题：

给一个很简单的例子，当点击第二个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();

补充：

https://blog.csdn.net/JeamKing/article/details/5332328