Tengo el siguiente detector de eventos que configuré en mi JS después de una solicitud AJAX exitosa:
var pageButtonsParentElement = document.getElementById("page-buttons"); pageButtonsParentElement.addEventListener('click', event => { let selectedPageButton = event.target; if (selectedPageButton.classList.contains("page-item")){ updatePageButtonFormatting(selectedPageButton); let selectedPageNumber = selectedPageButton.getAttribute("data-page-number"); inputObject = createInputObject(selectedPageNumber); // new CallClass(inputObject); } })De acuerdo con los documentos de Mozilla, puedo llamar al método removeEventListener() y pasar el elemento y la función que se eliminará ( https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/ removeEventListener ). No estoy seguro de cómo hacer esto cuando mi función es "evento => ..."
Necesita una referencia a la función que desea eliminar.
Si no mantiene una referencia a él, no puede eliminarlo.
Mantenga una referencia a él.
const listener = event => { ... }; foo.addEventListener("click", listener); foo.removeEventListener("click", listener);