Javascript中不發生冒泡的事件
阿新 • • 發佈:2022-05-13
首先解釋事件冒泡:
當一個元素上的事件被觸發的時候 比如滑鼠點選了一個按鈕 那麼同樣的事件將會在那個元素的所有祖先元素中被觸發
這 一過程被稱為事件冒泡 這個事件將會從原始元素開始一直被觸發 直到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 冒泡 ✔