阻止JavaScript事件冒泡

在html中触发的事件会往上冒泡,直到最上层.比如

Click me, twice alert

源码:

<div onclick="alert('div is clicked')">

<a onclick="alert('a is clicked'); return false;" href="#">Click me, twice alert</a>

</div>

点击click,会弹出两个alert提示框.
防止触发上层div的方法是在点击时事件中加上:event.cancelBubble=true;
如下:

Click me, Once alert

源码:


<div onclick="alert('div isn\'t clicked')">

<a onclick="alert('a is clicked'); event.cancelBubble=true;return false;" href="#">Click me, Once alert</a>

</div>