事件繫結和普通事件有什麼區別

2021-09-21 12:55:35 字數 519 閱讀 2386

傳統事件繫結和符合 w3c 標準的事件繫結有什麼區別?

div1.οnclick=function(){};

1、如果說給同乙個元素繫結了兩次或者多次相同型別的事件,那麼後面的繫結會覆蓋前面 的繫結

2、不支援 dom 事件流 事件捕獲階段目標元素階段=>事件冒泡階段

addeventlistener

1、 如果說給同乙個元素繫結了兩次或者多次相同型別的事件,所有的繫結將會依次觸發 2、 支援 dom 事件流的 3、 進行事件繫結傳參不需要 on 字首 addeventlistener(「click」,function(){},true);//此時的事件就是在事件冒泡階段執行

ie9 開始,ie11edge:addeventlistener

ie9 以前:attachevent/detachevent

1、 進行事件型別傳參需要帶上 on 字首 2、 這種方式只支援事件冒泡,不支援事件捕獲 事件繫結是指把事件註冊到具體的元素之上,普通事件指的是可以用來註冊的事件

事件繫結和普通事件有什麼區別

明白原理,就是缺少專業術語來解釋,這個算是比較準確的了吧!事件繫結就是針對dom元素的事件,繫結在dom元素上,可以在乙個元素上監聽同一事件多次 普通事件即為非針對dom元素的事件,就是直接觸發事件,普通事件多次寫會被覆蓋 兩者的區別就在於是否可重複使用。例如 普通事件 var btn docume...

事件繫結和普通事件的區別

普通新增事件的方法 var btn document.getelementbyid hello btn.onclick function btn.onclick function 執行上面的 只會alert 2 事件繫結方式新增事件 var btn document.getelementbyid h...

事件繫結和普通事件的區別

普通新增事件的方法 var btn document.getelementbyid hello btn.onclick function btn.onclick function 執行上面的 只會alert 2 事件繫結方式新增事件 var btn document.getelementbyid h...