Div嵌套防止穿透事件

最新推荐文章于 2021-06-26 01:56:04 发布

iteye_13003

最新推荐文章于 2021-06-26 01:56:04 发布

阅读量482

点赞数

分类专栏： js 文章标签：乔乐共享学习永无止境每天进步一点点纵观千象 div穿透

本文链接：https://blog.csdn.net/iteye_13003/article/details/82584076

版权

js 专栏收录该内容

123 篇文章 1 订阅

订阅专栏

<div style="width:100px; height:100px; border:1px solid #000" id="x">
<div style="width:50px; height:50px; margin:0 auto; border:1px solid #ccc" id="y"></div>
</div>
<script type="text/javascript">
document.getElementById("x").οnclick=function(e)
{
    alert("x")
    e = e || window.event;
　　if (e.stopPropagation )
　　      e.stopPropagation();
　　else
　      　e.cancelBubble = true;


}
document.getElementById("y").οnclick=function(e)
{
    alert("y")
   e = e || window.event;
　　if (e.stopPropagation )
　　      e.stopPropagation();
　　else
　      　e.cancelBubble = true;
}
</script>