事件冒泡的概念及阻止事件冒泡-兼容性写法

36事件冒泡和捕获-兼容性写法

一、什么是事件冒泡
一条鱼往上吐泡泡,这个泡泡就是事件,一直往上冒的过程中去把它经过的所有元素,只要这个元素身上有相同事件,就会去执行该元素的该事件,没有相同事件就不会去执行
二、冒泡特点
1、冒泡看的是代码层级,从里往外冒泡
2、拥有相同类型事件的元素才会被执行
3.不同事件就是不同泡泡
三、阻止事件冒泡
并不是所有事件都需要事件冒泡,我们需要让事件执行完自身的该事件后,不再往上冒,这就是阻止事件冒泡
obj为当前执行该事件的元素对象

obj.onclick=function(e){
	e=e||window.event  //event事件的兼容性写法
	if(e.stopPropagation){ //能进来一定是支持该方法
    	e.stopPropagation(); //在主流浏览器中阻止
	}else{
		e,cancelBnbble=true//true为阻止冒泡
	}
}

猜你喜欢

转载自blog.csdn.net/lan1977545649/article/details/83958959