How to check whether dynamically attached event listener exists or not?

by

I did something like that:

const element = document.getElementById('div');

if (element.getAttribute('listener') !== 'true') {
     element.addEventListener('click', function (e) {
         const elementClicked = e.target;
         elementClicked.setAttribute('listener', 'true');
         console.log('event has been attached');
    });
}

Creating a special attribute for an element when the listener is attached and then checking if it exists.

More Related Contents:

  1. How to trigger event in JavaScript?
  2. add event listener on elements created dynamically
  3. Javascript “addEventListener” Event Fires on Page Load [duplicate]
  4. How to remove all listeners in an element? [duplicate]
  5. Want to add “addEventListener” on multiple elements with same class [duplicate]
  6. Why Firefox says that window.event is undefined? (call function with added event listener)
  7. Is it possible to append to innerHTML without destroying descendants’ event listeners?
  8. Getting the ID of the element that fired an event
  9. How to pass arguments to addEventListener listener function?
  10. JavaScript, browsers, window close – send an AJAX request or run a script on window closing
  11. What are passive event listeners?
  12. how to use Protractor on non angularjs website?
  13. Browser event when downloaded file is saved to disk
  14. Is there a way to get SSL certificate details using JavaScript?
  15. Intercept all ajax calls?
  16. How to distinguish mouse “click” and “drag”
  17. adding multiple event listeners to one element
  18. Why don’t audio and video events bubble?
  19. How do I clear this setInterval inside a function?
  20. html onchange event not working
  21. How to reuse beforeEach/afterEach in Jasmine JS?
  22. How to detect CSS3 resize events
  23. Code inside DOMContentLoaded event not working
  24. Javascript change event on input element fires on only losing focus
  25. JavaScript/jQuery event listener on image load IE issues
  26. onDeviceReady not firing in PhoneGap hello world app
  27. How do I listen for triple clicks in JavaScript?
  28. Handle refresh page event with JavaScript
  29. What is the difference between Event.target, Event.toElement and Event.srcElement?
  30. HTML5 Canvas: Get Event when drawing is finished

Leave a Comment