原文:在JS事件封裝時,addEventListener()方法的this問題

最近在寫js的類庫,模仿的是jquery的編程風格,當封裝到事件監聽的時候發現遇到了一個問題,代碼是這樣的: 上面是封裝的一個事件委托的代碼,我以為上面的封裝跟普通的事件監聽一樣簡單,結果我在調用時發現報錯: 為什么會報這樣的錯,原來是不同於單一的onclick之類的事件,這邊的this指向的是調用addEventListenner的的對象 為了簡化問題,我們將其拿到全局范圍中單獨去測試: 發現這 ...

2017-09-06 19:57 0 1282 推薦指數:

查看詳情

js addEventListener事件多次綁定問題

如果為了避免 js addEventListener事件多次綁定問題,可以使用.onclick直接綁定,后一次click綁定會覆蓋調前一次。 ...

Fri Sep 06 01:12:00 CST 2019 0 945
js綁定事件方法addEventListener的兼容問題

js事件綁定方法中,ie只支持attachEvent,而FF和Chrome只支持addEventListener;嚴格來說:addEventListener只有IE9以上版本的IE瀏覽器上能夠兼容,IE8或者更低的版本是不支持,這時要想能夠兼容IE低版本瀏覽器就需要判斷當前瀏覽器然后針對 ...

Wed Aug 22 23:19:00 CST 2018 0 4916
addEventListener() 方法事件監聽

addEventListener() 方法事件監聽 你可以使用 removeEventListener() 方法來移除事件的監聽。 語法 第一個參數是事件的類型 (如 "click" 或 "mousedown"). 第二個參數是事件觸發后調用的函數。 第三個 ...

Tue Mar 28 00:29:00 CST 2017 0 82795
【javascript】addEventListener事件方法

addEventListener事件方法 一、事件函數調用語法: 參數  描述 event 必須。字符串,指定事件名。 注意: 不要使用 "on" 前綴。 例如,使用 "click" ,而不是使用 ...

Wed Dec 13 20:34:00 CST 2017 0 2781
addEventListener() 方法事件監聽

知識點1:addEventListener() 方法事件監聽,可以使用 removeEventListener() 方法來移除事件的監聽。 語法 第一個參數是事件的類型 (如 "click" 或 "mousedown"). 第二個參數是事件觸發后調用的函數。 第三個參數 ...

Sat Nov 17 00:49:00 CST 2018 0 2340
JavaScript addEventListener()事件監聽方法

addEventListener(event, function, useCapture)方法事件處理程序附加到元素,而不覆蓋現有的事件處理程序。 您可以向一個元素添加許多事件處理程序。您可以向一個元素添加許多相同類型的事件處理程序,即兩個“單擊”事件。 您可以將事件偵聽器添加到任何DOM ...

Sun May 09 00:00:00 CST 2021 0 224
JavaScript addEventListener()事件監聽方法

addEventListener()方法事件處理程序附加到指定的元素。 addEventListener()方法事件處理程序附加到元素,而不覆蓋現有的事件處理程序。 您可以向一個元素添加許多事件處理程序。您可以向一個元素添加許多相同類型的事件處理程序,即兩個“單擊”事件。 您可以將事件 ...

Tue Aug 06 17:53:00 CST 2019 0 6006
JavaScript addEventListener()事件監聽方法

addEventListener()方法事件處理程序附加到指定的元素。 您可以使用removeEventListener()方法輕松刪除事件偵聽器。 語法:element.addEventListener(event, function, useCapture ...

Fri Dec 13 04:42:00 CST 2019 0 1369
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM