文章来源:https://juejin.cn/post/6844903834075021326#heading-1
简介:
事件冒泡和事件捕获分别由微软和网景公司提出,这两个概念都是为了解决页面中事件流(事件发生顺序)的问题。
事件冒泡: 事件冒泡可以形象地比喻为把一颗石头投入水中,泡泡会一直从水底冒出水面。也就是说,事件会从最内层的元素开始发生,一直向上传播,直到document对象。
事件捕获: 与事件冒泡相反,事件会从最外层开始发生,直到最具体的元素。
阻止事件冒泡:
1、event.stopPropagation( )
$("#div1").mousedown(function(e){
var e=event||window.event;
event.stopPropagation();
});
2、在事件处理函数中返回 false
$("#div1").mousedown(function(event){
var e=e||window.event;
return false;
});
3、 event.target==event.currentTarget
让触发事件的元素等于绑定事件的元素,也可以阻止事件冒泡;
阻止默认事件
1、event.preventDefault( )
2、return false