addEventListener處理函式新增引數

2021-08-01 19:54:33 字數 440 閱讀 6145

在學習事件新增的時候,使用addeventlistener無疑是最好的方式,但是乙個很久就思考過的問題,一直沒有解決。那就是addeventlistener處理函式新增引數怎麼辦。

我們一般是這樣來做的,addeventlistener(event,function,boolean);

for(var i=0;i

length;i++)

這樣就沒有辦法傳入引數了。

經過查詢資料,發現在ecmascript5中擴充套件了叫bind的方法(ie6,7,8不支援),可以繫結引數。bind可接受的引數都分為兩部分,且第乙個引數都是作為執行時函式上下文中的this的物件。

改寫為以下**即可:

for(var i=0;i

length;i++)

addEventListener 的三個引數

addeventlistener 有三個引數 第乙個引數表示事件名稱 不含 on,如 click 第二個引數表示要接收事件處理的函式 第三個引數為 usecapture,本文就講解它。outdiv middlediv indiv 請在此點選滑鼠。info 上述是我們測試的 根據 info 的顯示來確...

addEventListener第三個引數作用

dom方法 addeventlistener 和 removeeventlistener 是用來分配和刪除事件的函式。這兩個方法都需要三個引數,分別為 事件名稱 string 要觸發的事件處理函式 function 指定事件處理函式的時期或階段 boolean dom事件流如圖 當第三個引數設定為t...

addEventListener 第三個引數

addeventlistener api target.addeventlistener type,listener options target.addeventlistener type,listener usecapture target.addeventlistener type,liste...