在實現頁面過程中，我們通常會遇見onclick事件的嵌套問題，當點擊內層標簽的onclick事件時，還會觸發外層標簽的onclick事件，我們要實現的就是阻止外層onclick事件的觸發。
代碼如下：
html代碼：
<body>
<!--
描述：阻止事件冒泡
-->
<div οnclick="show1()">而微軟推歐元價格突然發
<p οnclick="show2()">圍繞太陽接近銀行股份的法國紅酒魔鬼屠夫</p>
</div>
</body>
js代碼：
<script>
function show1() {
alert('show1');
}
function show2() {
alert('show2');
cancelBubble();
}
function cancelBubble(e) {
var evt = e ? e : window.event;
if(evt.stopPropagation) { //W3C
evt.stopPropagation();
} else { //IE
evt.cancelBubble = true;
}
}
</script>
.