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

2022-09-16 16:33:15 字數 531 閱讀 7242

普通新增事件的方法:

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不相容低版本ie

普通事件無法取消

addeventlisntener還支援事件冒泡+事件捕獲

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

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

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

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