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

时间:2023-03-09 18:31:34
jquery阻止事件的两种实现方式

再阻止事件冒泡的方面,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同时阻止了默认事件的发生。

相关文章