Let's say i have a anchor tag which has a listener set by some library (that is using the class to add it, which is also used to add style, therefore I can't just remove the class from the element).
Let's also say that I don't want that listener anymore, and so I would like just to have the browser-default behavior, how do I reset it to default?
In this case we are talking of a anchor tag, but I would like to have a general solution to this.
Example:
// library example code
[...document.getElementsByClassName("test")].forEach(el =>{
el.addEventListener("click", e => {
e.preventDefault()
alert("wrong listener")
})
})
// how to reset?
// document.getElementsByClassName("test").forEach(el => el.resetListeners())
// ^^^^^^^^^^^^^^^^^.test{
color: red;
}<a href="#" class="test">click me</a>