码迷,mamicode.com
首页 > Web开发 > 详细

jquery阻止事件的两种实现方式

时间:2014-06-27 17:19:21      阅读:258      评论:0      收藏:0      [点我收藏+]

标签:style   class   blog   code   http   color   

再阻止事件冒泡的方面,jquery有两种方式:

一种是 return false;另外一种是 e.stopPropagation()

 

html代码 

<form id="form1" runat="server">
<div id="divOne" onclick="alert(‘我是最外层‘);">
    <div id="divTwo" onclick="alert(‘我是中间层!‘)">
        <a id="hr_three" href="http://www.baidu.com">点击我</a>
    </div>
</div>
</form>


js代码: 

$(‘#hr_three‘).click(function(e){
    alert(‘我是最里层!‘)
     //e.stopPropagation()
     return false;
}) 

   

可以看出区别,e.stopPropagation()和return false;都是可以阻止冒泡事件的发生,但是return false同时阻止了默认事件的发生。

 

 

jquery阻止事件的两种实现方式,布布扣,bubuko.com

jquery阻止事件的两种实现方式

标签:style   class   blog   code   http   color   

原文地址:http://www.cnblogs.com/heimanba/p/3810098.html

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