1. 程式人生 > >事件冒泡的概念及阻止事件冒泡-相容性寫法

事件冒泡的概念及阻止事件冒泡-相容性寫法

36事件冒泡和捕獲-相容性寫法

一、什麼是事件冒泡
一條魚往上吐泡泡,這個泡泡就是事件,一直往上冒的過程中去把它經過的所有元素,只要這個元素身上有相同事件,就會去執行該元素的該事件,沒有相同事件就不會去執行
二、冒泡特點
1、冒泡看的是程式碼層級,從裡往外冒泡
2、擁有相同型別事件的元素才會被執行
3.不同事件就是不同泡泡
三、阻止事件冒泡
並不是所有事件都需要事件冒泡,我們需要讓事件執行完自身的該事件後,不再往上冒,這就是阻止事件冒泡
obj為當前執行該事件的元素物件

obj.onclick=function(e){
	e=e||window.event  //event事件的相容性寫法
	if(e.stopPropagation){ //能進來一定是支援該方法
    	e.stopPropagation(); //在主流瀏覽器中阻止
	}else{
		e,cancelBnbble=true//true為阻止冒泡
	}
}