首页 > 其他 > 详细

阻止事件冒泡

时间:2019-12-14 15:52:58      阅读:78      评论:0      收藏:0      [点我收藏+]
<body onclick="alert(1)">
<div id="app" onclick="alert(10)">
    <p onclick="alert(100)">一个p标签</p>
</div>

<script>
    var p = document.getElementsByTagName("p")[0];
    p.onclick = function (event){
        alert(100);
        // 阻止冒泡
        event.stopPropagation();
    };

    var app = document.getElementById("app");
    app.onclick =  function (event){
        alert(10);
        event.stopPropagation();
    }

    var body = document.body;
    body.onclick =  function (){
        alert(1);
    }

</script>

  

阻止事件冒泡

原文:https://www.cnblogs.com/eliwen/p/12039747.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!