普通事件指的是可以用來註冊的事件;
事件繫結是指把事件註冊到具體的元素之上。
通俗點說:
普通事件:給html元素新增乙個特定的屬性(如:onclick);
事件繫結:js**中通過標記(id tag class)獲取元素,給元素新增特定的方法(
如:onclick);
擴充套件:事件監聽addeventlistener事件可以繫結多次事件,並進行觸發
div1.onclick = function(){};
1、如果說給同乙個元素繫結了兩次或者多次相同型別的事件,那麼後面的繫結會覆蓋前面的繫結
2、不支援dom事件流 事件捕獲階段目標元素階段=>事件冒泡階段
addeventlistener
⦁ 如果說給同乙個元素繫結了兩次或者多次相同型別的事件,所以的繫結將會依次觸發
⦁ 支援dom事件流的
⦁ 進行事件繫結傳參不需要on (在我們前端)
addeventlistener(「click」,function(){},true); //此時的事件就是在事件冒泡階段執行
相容性處理
ie9開始 到ie11 edge:addeventlistener
ie9以前:attachevent/detachevent
⦁ 進行事件型別傳參需要帶上on字首
⦁ 這種方式只支援事件冒泡,不支援事件捕獲
比較attachevent 和 addeventlistener:
事件繫結和普通事件的區別
普通新增事件的方法 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...
事件繫結和普通事件有什麼區別
傳統事件繫結和符合 w3c 標準的事件繫結有什麼區別?div1.nclick function 1 如果說給同乙個元素繫結了兩次或者多次相同型別的事件,那麼後面的繫結會覆蓋前面 的繫結 2 不支援 dom 事件流 事件捕獲階段 目標元素階段 事件冒泡階段 addeventlistener 1 如果說...