javascript - What's the best way to remove event listener on an element? -

the jquery .off() api can remove event added using own on(or bind in jquery) method, many third-party plugins may add events using pure javascript , because of browser compatibility issues, there single line of code can stuff more easily?

if event handler added .addeventlistener(), way remove .removeeventlistener() , means need know handler function in order use .removeeventlistener() if anonymous function used handler, there no way remove event listener.

in circumstances, heavy handed way clear event listeners off dom element replace new element of same type (perhaps preserving child elements while doing so). blunt instrument because clear state associated prior dom element.