jQuery中的事件冒泡捕获阻止冒泡

大憨熊 提交于 2019-12-09 07:40:23

jQuery中的事件冒泡捕获阻止冒泡

事件冒泡

IE中的事件流叫做事件冒泡,就是又最开始的时间接收到逐级向上传播较为不具体的节点。IE9、谷歌浏览器、Safari、Opera等等都是将事件一直冒泡到windwo对象上。

事件捕获

事件捕获从最根本上的Document到下级的元素逐级的向下传递捕获。
IE9、谷歌浏览器、Safari、Opera等

阻止事件冒泡

jQuery 提供了两种方式来阻止事件冒泡。

  • **方式一: **event.stopPropagation();

    $("#div1").mousedown(function(event){
        event.stopPropagation();
    });
    
  • **方式二:**return false;

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

但是这两种方式是有区别的。return false 不仅阻止了事件往上冒泡,而且阻止了事件本身。event.stopPropagation() 则只阻止事件往上冒泡,不阻止事件本身。

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!