關於js中對事件繫結與普通事件的理解

2022-03-08 04:53:21 字數 781 閱讀 8380

普通事件指的是可以用來註冊的事件;

事件繫結是指把事件註冊到具體的元素之上。

通俗點說:

普通事件:給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 如果說...