首页 / 算法 / 阻止事件冒泡的三种手段

阻止事件冒泡的三种手段

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了阻止事件冒泡的三种手段，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1450字，纯文字阅读大概需要3分钟。

内容图文

阻止事件冒泡的三种手段

1、return false：可以阻止默认事件和冒泡事件

2、event.stopPropagation/IE下event.cancelBubble  = true;：可以阻止冒泡事件但是允许默认事件

3、event.preventDefault();/IE下event.returnValue = false：可以阻止默认事件但是允许冒泡事件

             1
            <!
            DOCTYPE html
            >
             2
            <
            html
            >
             3
            <
            head 
            lang
            ="en"
            >
             4
            <
            meta 
            charset
            ="UTF-8"
            >
             5
            <
            title
            >jQuery阻止冒泡</title> 6<style> 7        .div1{ 8            width: 140px; 9            border: 1px solid blue;10}11        .div2{12            width: 100px;13            height: 100px;14            margin: 20px;15            border: 1px solid red;16}17</style>18</head>19<body>20<div class="div1">21<div class="div2">22        点我呀！！！！
23</div>24</div>2526<a href="http:www.baidu.com" id="a1">百度</a>2728<script src="../js/jquery/jquery.min.js"></script>29<script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script>30<script>31    $(‘.div1‘).bind(‘click‘,function(){
32        alert("div1");
33    });
34    $(‘.div2‘).bind(‘click‘,function(){
35        alert("div2");
36//        return false;//也可以通过return false 阻止冒泡37if(window.event){//IE下阻止冒泡38            event.cancelBubble  =true;
39        }else{
40            event.stopPropagation();
41        }
42    });
43    $(‘#a1‘).bind(‘click‘,function(){
44if(window.event){//IE下阻止默认事件45            event.returnValue =false;
46        }else{
47            event.preventDefault();
48        }
49        alert("我是链接");
50//return false;//如果不添加任何阻止事件，先弹框，后跳转，我们可以通过return false阻止跳转51    });
5253</script>54</body>55</html>

 

原文：http://www.cnblogs.com/double405/p/5118350.html

内容总结

以上是互联网集市为您收集整理的阻止事件冒泡的三种手段全部内容，希望文章能够帮你解决阻止事件冒泡的三种手段所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1064192.html

来源：【匿名】