当前位置: 编程技术>WEB前端
JQuery中阻止事件冒泡几种方式及其区别介绍
来源: 互联网 发布时间:2014-08-25
本文导语: JQuery 提供了两种方式来阻止事件冒泡。 方式一:event.stopPropagation(); 代码如下: $("#div1").mousedown(function(event){ event.stopPropagation(); }); 方式二:return false; 代码如下: $("#div1").mousedown(function(event){ return false; }); 但是这两种方式是...
JQuery 提供了两种方式来阻止事件冒泡。
方式一:event.stopPropagation();
$("#div1").mousedown(function(event){
event.stopPropagation();
});
方式二:return false;
$("#div1").mousedown(function(event){
return false;
});
但是这两种方式是有区别的。return false 不仅阻止了事件往上冒泡,而且阻止了事件本身。
event.stopPropagation() 则只阻止事件往上冒泡,不阻止事件本身。
方式一:event.stopPropagation();
代码如下:
$("#div1").mousedown(function(event){
event.stopPropagation();
});
方式二:return false;
代码如下:
$("#div1").mousedown(function(event){
return false;
});
但是这两种方式是有区别的。return false 不仅阻止了事件往上冒泡,而且阻止了事件本身。
event.stopPropagation() 则只阻止事件往上冒泡,不阻止事件本身。