addeventlistener

How to remove all listeners in an element? [duplicate]

by

This question already has answers here: Javascript/DOM: How to remove all event listeners of a DOM object? (15 answers) Closed 6 years ago. I have a button, and I added some eventlistners to it: document.getElementById(“btn”).addEventListener(“click”, funcA, false); document.getElementById(“btn”).addEventListener(“click”, funcB, false); document.getElementById(“btn”).addEventListener(“click”, funcC, false); document.getElementById(“btn”).addEventListener(“blur” , funcD, false); document.getElementById(“btn”).addEventListener(“focus”, funcE, false); <button id=”btn”>button</button> I can remove … Read more

How to pass arguments to addEventListener listener function?

by

The situation is somewhat like- var someVar = some_other_function(); someObj.addEventListener(“click”, function(){ some_function(someVar); }, false); The problem is that the value of someVar is not visible inside the listener function of the addEventListener, where it is probably being treated as a new variable. 33 Answers 33 Why not just get the arguments from the target attribute … Read more

How to trigger event in JavaScript?

by

I have attached an event to a text box using addEventListener. It works fine. My problem arose when I wanted to trigger the event programmatically from another function. How can I do it? 19 s 19 A working example: // Add an event listener document.addEventListener(“name-of-event”, function(e) { console.log(e.detail); // Prints “Example of an event” }); … Read more

addEventListener vs onclick

by

What’s the difference between addEventListener and onclick? var h = document.getElementById(“a”); h.onclick = dothing1; h.addEventListener(“click”, dothing2); The code above resides together in a separate .js file, and they both work perfectly. 2Best Answer 21 Both are correct, but none of them are “best” per se, and there may be a reason the developer chose to … Read more