添加偵聽器按鈕來執行功能

-1

我有一堆不同的按鈕（不同的ID），點擊後，執行相同的邏輯。這就是爲什麼我在click上添加了聽衆的原因，clearOrSelectAll函數以適當的clearSelectArr[i]作爲輸入來執行。添加偵聽器按鈕來執行功能

目前我正在此爲我的錯誤：

Uncaught TypeError: undefined is not a function

所有的按鈕有一個class="clearSelect"

我的代碼：

var clearSelectArr = [ "selectAllXP", "selectAll7", "selectAll8", 
         "selectAll8_1", "selectAll10_6", "selectAll10_8", 
         "selectAll10_9", "selectAllios", "selectAll4_4", 
         "selectAll4_3", "selectAll4_2", "selectAll4_1", 
         "selectAll4_0", "clearAllXP", "clearAll7", 
         "clearAll8", "clearAll8_1", "clearAll10_6", 
         "clearAll10_8", "clearAll10_9", "clearAllios", 
         "clearAll4_4", "clearAll4_3", "clearAll4_2", 
         "clearAll4_1", "clearAll4_0"]; 

var buttons = document.getElementsByClassName("clearSelect"); 

for (var i = 0; i < buttons.length; i++) { 
    var button = buttons[i]; 
    button.addEventListeners("click", clearOrSelectAll(button.id)); 
}

每個按鈕都有一個與之關聯的ID 。這些ID與clearSelectArr中的ID相同。我希望能夠添加與按鈕相同的ID的偵聽器功能。

來源

2014-10-28 Liondancer

該方法被稱爲'addEventListener'，而不是'addEventListeners'。 – 2014-10-28 22:56:09

費利克斯可能解決了你的問題，但在旁邊注意：'clearSelectArr [clearSelectArr.indexOf（button.id）]）'與'button.id'一樣... – Jonathan 2014-10-28 23:03:37

@Jonathan darn .. – Liondancer 2014-10-28 23:07:38

它是addEventListener，而不是addEventListeners（注意s）。

無論何時您有foo(bar())，bar被首先調用，並且它的返回值被傳遞給foo。所以在你的情況下，你首先調用clearOrSelectAll並將返回值傳遞給addEventListener。

但是，addEventListener需要一個函數作爲參數，如果clearOrSelectAll沒有返回函數，這將不起作用。

做

button.addEventListener("click", clearOrSelectAll);

並進入處理程序通過this必然的元素。

來源

2014-10-28 22:53:23

謝謝你的幫幫我！我會給你一些建議！ – Liondancer 2014-10-28 22:57:10

添加偵聽器按鈕來執行功能

回答

相關問題