How can I remove event listener with click on text?

Question

i used eventListener for add textDecoration, so how can i remove textDecoration with eventListener? it's To-Do list, and i need remove Done task to not-done.

I just wrote this for make the task done:

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

and wrote this for remove "textDecoration", but doesn't work and didn't remove textDecoration:

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

so please tell me what should I do and what is the solution?

Possible duplicate of [JavaScript: remove event listener](https://stackoverflow.com/questions/4402287/javascript-remove-event-listener) — VladNeacsu, Apr 06 '19 at 20:21

Townsheriff · Answer 1 · 2019-04-06T20:38:53.893

0

For DOM objects there is also removeEventListener method, which will remove listener from object. In your case you can call it:

pTag.removeEventListener("click", taskDone);

Answer to actual problem: Adding a check in callback function would be sufficient.

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

edited Apr 06 '19 at 20:38

answered Apr 06 '19 at 20:25

Townsheriff

569
6
14

actually i used this : document.removeEventListener("click", remDone); function remDone(){ taskTag.style.textDecoration = "none"; } but it doesn't work. i need to remove textDecoration style with click again on "tag" – Saber Apr 06 '19 at 20:34
Question then is formulated incorrectly. In this case you could add functionality to your `taskDone` method. – Townsheriff Apr 06 '19 at 20:36

How can I remove event listener with click on text?

1 Answers1