Как я могу удалить прослушиватель событий, нажав на текст?

Question

Я использовал eventListener для добавления textDecoration, так как я могу удалить textDecoration с помощью eventListener? это список дел, и мне нужно удалить задачу Готово, чтобы не выполнить.

Я только что написал это для выполнения задачи:

pTag.addEventListener("click", taskDone);
function taskDone(){
  taskTag.style.textDecoration = "line-through";
}

и написал это для удаления «textDecoration», но не работает и не удалил textDecoration:

    document.removeEventListener("click", remDone);
    function remDone(){
        taskTag.style.textDecoration = "none";
    }

поэтому, пожалуйста, скажите мне, что мне делать и какое решение?

Answer 1

Для объектов DOM также существует метод removeEventListener, который удаляет слушателя из объекта.В вашем случае вы можете позвонить по этому номеру:

pTag.removeEventListener("click", taskDone);

Ответ на актуальную проблему: достаточно добавить функцию обратного вызова для проверки.

function taskDone(){
  if (isLineThrough) {
       taskTag.style.textDecoration = "none";
       isLineThrough = false;
       return;
  }
  taskTag.style.textDecoration = "line-through";
  isLineThrough = true;
}