如何阻止事件冒泡

最新推荐文章于 2024-09-22 11:17:00 发布

qadjn053

最新推荐文章于 2024-09-22 11:17:00 发布

阅读量556

点赞数 1

分类专栏：移动开发文章标签： javascript

移动开发专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<div οnclick="showMsg(this,event)" id="outSide" style="width:100px; height:100px; background:#000; padding:50px">

<div οnclick="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>