1. 程式人生 > 其它 >Javascript中不發生冒泡的事件

Javascript中不發生冒泡的事件

首先解釋事件冒泡:
當一個元素上的事件被觸發的時候 比如滑鼠點選了一個按鈕 那麼同樣的事件將會在那個元素的所有祖先元素中被觸發
這 一過程被稱為事件冒泡 這個事件將會從原始元素開始一直被觸發 直到DOM樹的最上層 想是氣泡冒泡一樣 因而得名

Html5的媒體事件(media Event):

play 不冒泡 ✖
mute 不冒泡 ✖

indexedDB中的一系列事件:

abort 冒泡 ✔
blocked 不冒泡 ✖
close 不冒泡 ✖
complete 不冒泡 ✖
success 不冒泡 ✖
upgradeneeded 不冒泡 ✖
versionchange 不冒泡 ✖

表單驗證合法性事件:

invalid 不冒泡 ✖

監聽Node節點插入移除事件:

DOMNodeInsertedIntoDocument 不冒泡 ✖
DOMNodeRemovedFromDocument 不冒泡 ✖

Mouse滑鼠事件:

click 冒泡 ✔
dblclick 冒泡 ✔
mousedown 冒泡 ✔
mouseenter 不冒泡 ✖
mouseleave 不冒泡 ✖
mousemove 冒泡 ✔
mouseout 冒泡 ✔
mouseover 冒泡 ✔
mouseup 冒泡 ✔

Focus聚焦事件:

blur 不冒泡 ✖  因為失去焦點本身就是針對這個元素的
focus 不冒泡 ✖  因為獲取焦點本身就是針對這個元素的
focusin 冒泡 ✔
focusout 冒泡 ✔

UI事件:

load 非同步 不冒泡 ✖
unload 不冒泡 ✖
abort 不冒泡 ✖
error 非同步 不冒泡 ✖
select 冒泡 ✔