匿名函數bind的removeEventListener

Question

我需要刪除匿名函數上的EventListener的幫助。 我嘗試使用事件處理程序，但還需要通過函數傳遞元素以將其綁定。

// adds eventlistener to element
cardElement.addEventListener("click", flipCard.bind(this, cardElement));

// suppose to remove eventlistener
document.getElementById(cardsInPlay[0].id).removeEventListener("click", flipCard);

Answer 1

bind創建了一個新的功能，你可以從閱讀文檔

因此，您可以執行以下操作：

flipCard = flipCard.bind(this, cardElement);
cardElement.addEventListener("click", flipCard);
document.getElementById(cardsInPlay[0].id).removeEventListener("click", flipCard);

Answer 2

我最終使用了另一種方法來刪除事件偵聽器。 我深度克隆了節點並替換了它。

var matchOne = cardOne.cloneNode(true);
cardOne.parentNode.replaceChild(matchOne, cardOne);