【JS】关于冒泡

冒泡是一种比较常见的行为:

1、错误的冒泡行为:绑定jquery对象的事件会导致冒泡。应该对document绑定事件。

2、被嵌套的div与外层div均绑定了事件,也会导致冒泡行为。具体的解决办法就是利用JQuery写组织冒泡的语句。如下:

方式一:event.stopPropagation();

$("#div1").mousedown(function(event){
    event.stopPropagation();
});

方式二:return false;

$("#div1").mousedown(function(event){
    return false;
});

需要注意的是:

return false 不仅阻止了事件往上冒泡,而且阻止了事件本身。

event.stopPropagation() 则只阻止事件往上冒泡,不阻止事件本身。

 

posted on 2017-10-19 10:28  与数共舞  阅读(99)  评论(0编辑  收藏  举报

导航