Para hacer lo que pides, debes ponerlo en una función con nombre (y no anónima) para luego poder desvincular el evento correctamente usando dicho nombre de función. Por ejemplo (pulsa Ejecutar para verlo en acción): <!-- begin snippet: js hide: false console: true babel: false --> <!-- language: lang-js --> let input = document.querySelector("input"); input.type = "button"; input.value = "aceptar"; function funcionAceptar() { console.log("Estoy a la escucha") let parent = input.parentNode.parentNode; //el checkbox esta dentro de un td y obtengo la fila(tr) para trabajar en sus elementos hijos let pHijos = parent.querySelectorAll("td"); pHijos.forEach((h, index) => { if (index == 0) { input.type = "checkbox"; input.value = ""; input.checked = false; } else { h.contentEditable = false; h.classList.remove("editableOn"); h.textContent = "Ahora ya no tengo la clase editableOn"; } }); input.removeEventListener("click", funcionAceptar); console.log("Dejo de estar a la escucha") } input.addEventListener("click", funcionAceptar); <!-- language: lang-html --> <table border=1> <tr> <td> <input type="checkbox"> </td> <td class="editableOn" contentEditable="true">Inicialmente tengo la clase editableOn</td> <td class="editableOn" contentEditable="true">Inicialmente tengo la clase editableOn</td> </table> <!-- end snippet --> Agrego enlace a la [documentación de **removeEventListener**](https://developer.mozilla.org/es/docs/Web/API/EventTarget/removeEventListener) para más opciones.