码迷,mamicode.com
首页 > 其他好文 > 详细

阻止冒泡

时间:2017-02-28 21:47:14      阅读:136      评论:0      收藏:0      [点我收藏+]

标签:color   rip   select   text   alert   eve   ext   script   blog   

当父元素有点击事件,子元素也有点击事件时,点击子元素会同时触发 子事件和父事件,解决方法:
<body>
        <div class="a">
            好友<span>+</span>
        </div>
        <script type="text/javascript">
            var a = document.querySelector(".a");
            var span = document.querySelector(‘.a span‘)
            a.onclick = function(){
                alert(1);
            }
            /*
             * 阻止冒泡
             * 当父元素有点击事件,子元素也有点击事件时,点击子元素会同时触发 子事件和父事件,
             * 解决方法:子元素点击事件 加上
             */
            span.onclick = function(e){
                    e = e || window.event;
                    if(e.cancelBubble){
                        e.cancelBubble = true;
                    }else{
                        e.stopPropagation()
                    }
                alert(2);
            }
        </script>
    </body>

 

阻止冒泡

标签:color   rip   select   text   alert   eve   ext   script   blog   

原文地址:http://www.cnblogs.com/lk4525/p/6480788.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!