阻止事件冒泡:
<div onclick="showMsg(this,event)" id="outSide" style="width:100px; height:100px; background:#000; padding:50px">
<div onclick="showMsg(this,event)" id="inSide" style="width:100px; height:100px; background:#CCC"></div>
</div>
<script type="text/javascript">
//阻止事件冒泡後,你點擊灰色盒子,整個過程只彈一次對話框了(注意與默認情況對比)
function showMsg(obj,e)
{
alert(obj.id);
stopBubble(e)
}
//阻止事件冒泡函數
function stopBubble(e)
{
if (e && e.stopPropagation)
e.stopPropagation()
else
window.event.cancelBubble=true
}
</script>
e.stopPropagation 是判斷e是否有stopPropagation 這個屬性,有就執行e.stopPropagation()
否則執行 window.event.cancelBubble=true