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

2021-09-11 21:29:16 字數 822 閱讀 2258

box.onclick=function

(){}

元素.事件行為=函式

box.onclick=function

(){}

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

複製**

元素.事件行為=null;// 元素的事件行為,本身預設值就是null,把null這個值賦值回去就可以了

dom0級事件都是在冒泡階段發生的

複製**

addeventlistener,是類eventeventtarget原型下的公有方法

box.addeventlistener('事件型別去掉on的',函式,第三個引數是true或者是false)

false:預設 冒泡階段發生

true:捕獲階段發生

"en">"box">點我

dom2級事件可以繫結多個函式,按照你繫結的先後順序執行

複製**

注意:為了移除事件好操作一般繫結事件的時候使用乙個函式名來代替這個函式

"en">"box">點我

複製**

在低版本ie瀏覽器下,沒有addeventlistener,然後再低版本ie瀏覽器下使用attachevent

繫結:attachevent()

移除:detachevent()

複製**

DOM事件繫結

element.addeventlistener type,handler,boolean 第乙個值代表事件型別,不加on。第二個是執行的方法。事件處理函式 第三個值是乙個布林值,預設為false,只在冒泡階段執行。true為在捕獲階段執行 element.removeeventlistener t...

dom0 和 dom2事件 簡略

dom級別 4級 dom0,dom1,dom2,dom3 dom事件 3級 dom0級事件 dom2級事件 dom3級事件 為什麼 沒有 dom1級事件?因為 dom1級 中 沒有定義 事件相關的 內容 dom0 通過 onclick 繫結事件 或者 input.nclick function on...

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

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