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

2021-10-03 17:09:39 字數 531 閱讀 8312

普通新增事件的方法:

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...