event.cancelBubble的理解

關於event.cancelBubble由於HTML中的對象都是層次結構,比如一個Table包含了多個TR,一個TR包含了多個TD Bubble就是一個事件可以從子節點向父節點傳遞,比如鼠標點擊了一個TD,當前的event.srcElement就是這個TD,但是這種冒泡機制使你可以從TR或者Table處截獲這個點擊事件,但是如果你event.cancelBubble,則就不能上傳事件。

 

取消事件冒泡: 在 IE 的事件機制中,觸發事件會從子元素向父元素逐級上傳,就是說,如果子元素觸發了單擊事件,那麼也會觸發父元素的單擊事件;event.cancelBubble=true;可以停止事件繼續上傳. 補充一點,Ie的事件傳遞是從下到上的: 事件來源對象->上級對象->上上級對象->.....->body->document->window .

 

 

ie下用cancelBubble ff下用stopPropagation阻止事件傳遞

例子:

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章