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

<div onclick="alert();">
    <div onclick="alert();"></div>
</div>

上面给一个很简单的例子，当点击第二个div的时候，会同时触发此div与其父元素的点击事件，按照官方的说法，这是事件的浮升，那么要怎么阻止这种情况呢？

可以使用

event.cancelBubble=true;

 

代码如下：

<div onclick="alert();">
    <div onclick="alert();event.cancelBubble=true;"></div>
</div>

这样就可以阻止事件的浮升造成的两个事件同时触发了