jquery阻止事件的两种实现方式
2014-06-26 14:54
190 查看
再阻止事件冒泡的方面,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同时阻止了默认事件的发生。
一种是 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 提供了两种方式来阻止事件冒泡。
- JQuery 提供了两种方式来阻止事件冒泡及区别
- JQuery 提供了两种方式来阻止事件冒泡及区别
- JQuery 提供了两种方式来阻止事件冒泡及区别
- JQuery 提供了两种方式来阻止事件冒泡及区别
- JQuery 提供了两种方式来阻止事件冒泡及区别
- JQuery 提供了两种方式来阻止事件冒泡
- JQuery中阻止事件冒泡的两种方式及其区别
- jQuery阻止事件冒泡具体实现
- 浅谈Observer模式的实现.基于继承和基于事件/委托的两种方式
- JQuery中阻止事件冒泡方式及其区别
- JQuery中阻止事件冒泡方式及其区别
- jquery阻止事件冒泡的两种方法
- js阻止浏览器的默认行为以及停止事件冒泡(用JQuery实现回车提交,兼容IE、FF浏览器)
- js阻止浏览器的默认行为以及停止事件冒泡(用JQuery实现回车提交,兼容IE、FF浏览器)
- js阻止浏览器的默认行为以及停止事件冒泡(用JQuery实现回车提交)
- JQuery中阻止事件冒泡几种方式及其区别介绍
- 使用ItemCreated事件和onmouseover两种方式 实现Repeater鼠标滑动效果
- jquery实现复制的两种方式
- js阻止浏览器的默认行为以及停止事件冒泡(用JQuery实现回车提交,兼容IE、FF浏览器)