dom0 和 dom2事件 簡略

2021-09-25 21:13:05 字數 774 閱讀 2522

dom級別 4級 dom0,dom1,dom2,dom3

dom事件  3級  dom0級事件  dom2級事件  dom3級事件

為什麼 沒有 dom1級事件?

因為 dom1級 中 沒有定義 事件相關的 內容

dom0 :

通過 onclick  繫結事件

或者 input.οnclick=function ()

onclick = 函式名 或者 函式

清理 繫結事件

input.onclick = null

同乙個 元素(這個 input元素) 的同種事件(都是 click型別),只能繫結 乙個函式

dom2 :

通過 addeventlistener 繫結事件:

input.addeventlistner("click" , a)

其實 "onclick" 和 "click" 是一樣的嗎?

事件型別,函式名

同乙個 元素的 同種事件 可以繫結多個 函式,按 繫結順序執行

清理 繫結事件

input.removeeventlistener("事件型別",函式名)

第三個 引數 true 表示捕獲階段 ,false 表示 冒泡階段呼叫

ie8以下 支援的是 attachevent 和 detachevent

dom3 是在 dom2 基礎上 加入更多 事件型別,比如 焦點事件(blur、focus)、鍵盤事件(keypress、keydown)、ui事件(使用者 與 頁面有互動時產生的事件,有 scroll、load)

事件繫結 DOM0級事件繫結和DOM2級事件繫結

box.onclick function 元素.事件行為 函式 box.onclick function 相當於給乙個元素的屬性賦值,只能賦乙個值,後面如果再賦值就會覆蓋前面的值,所以說dom0級事件只可以繫結一次,如果繫結多次,後面的會把前面的給覆蓋了,因為是乙個賦值的過程,乙個屬性只能賦乙個值 ...

事件流程以及dom2級事件繫結

事件流程分為三個階段 捕獲階段 目標階段 冒泡階段。捕獲階段 事件從最頂層元素開始執行,一層層往下,直到精確元素。目標階段 事件在精確元素上執行。冒泡階段 事件從精確元素開始執行,一層層往上,直到頂層元素 注 高階瀏覽器的頂層元素是window,ie8以下的瀏覽器頂層元素是document dom2...

關於DOM2級事件的事件捕獲和事件冒泡

dom2級事件中addeventlistener的執行機制,多個addeventlistener同時新增時的執行先後規律 w3c的dom事件觸發分為三個階段 事件捕獲階段,即由最頂層元素 一般是從window元素開始,有的瀏覽器是從document開始,至於其中的差別我稍後會更新 開始,逐次進入do...