已轉移 事件繫結和普通事件的區別

2022-06-13 04:21:15 字數 719 閱讀 9224

該文章已轉移到部落格:

普通新增事件的方法:

var btn = document.getelementbyid("hello");

btn.onclick = function

()btn.onclick = function

()

執行上面的**只會alert 2 

事件繫結方式新增事件:

var btn = document.getelementbyid("hello");

btn.addeventlistener("click",function

(),false

);btn.addeventlistener("click",function

(),false);

執行上面的**會先alert 1 再 alert 2

(從一的例子可以看出)

普通新增事件的方法不支援新增多個事件,最下面的事件會覆蓋上面的,而事件繫結(addeventlistener)方式新增事件可以新增多個,按照順序依次執行。

普通事件:不支援

事件繫結:支援

普通方式繫結事件後,不可以取消。addeventlistener繫結後則可以用 removeevenlistener 取消。

參考:

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

普通新增事件的方法 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...

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

var btn document.getelementbyid hello btn.onclick function btn.onclick function 執行上面的 只會alert 2 var btn document.getelementbyid hello btn.addeventlist...