CODEWITHSUNDEEP
javascriptdom-events
user7429498
user7429498

Reputation:

How can I remove eventlistener with this function

I am a beginner with JavaScript events and I saw the below code when I was working.

I knew that I must have single function when add and remove the event Listener, so looking in my code :

document.getElementById("formId").addEventListener("submit", function(event) {
                event = event || window.event;
                if (event.preventDefault) {
                    event.preventDefault();
                } else {
                    event.returnValue = false;
                }
            });

How can I remove this event listener?

This is made by the submission event, so when I want to remove this event listener, how can I capture this event to use it again to remove the event listener by the above function?

Upvotes: 0

Views: 53

Answers (1)

Deividas
Deividas

Reputation: 6507

You can remove the event listener as follows: document.getElementById("formId").removeEventListener('submit', handleSubmit);

Full code example:

function handleSubmit(event) {
    event = event || window.event;
    if (event.preventDefault) {
        event.preventDefault();
    } else {
        event.returnValue = false;
    }
}
document.getElementById("formId").addEventListener("submit", handleSubmit);

document.getElementById("formId").removeEventListener("submit", handleSubmit);

More options in the docs: https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/removeEventListener

Upvotes: 1

Related Questions