Is it possible to call a class method with addEventListener?

by

No, what you’ve written wouldn’t work, in that method would be invoked without object as its context. Inside method, this would be set to the DOM element which initiated the event.

If you want to invoke the method and retain the context, close over the object variable with a function:

var object = new ClassName();
document.getElementById('x').addEventListener('click', function () {
  object.method()
}, false);

More Related Contents:

  1. fetch first element of every string in array using javascript [closed]
  2. How to rewrite the following function so it doesn’t use for loops?
  3. How to add 30 minutes to a JavaScript Date object?
  4. Use async await with Array.map
  5. Sort array of objects by single key with date value
  6. Why does [5,6,8,7][1,2] = 8 in JavaScript?
  7. Make React useEffect hook not run on initial render
  8. How do I break a string across more than one line of code in JavaScript?
  9. How to get the global object in JavaScript?
  10. How to redirect to an external URL from angular2 route without using component?
  11. Play 2.x: How to make an AJAX request with a common button
  12. How to create a hash or dictionary object in JavaScript [duplicate]
  13. Bootstrap 4 File Input
  14. Is there a way to reverse the formatting by Intl.NumberFormat in JavaScript
  15. how to start up a desktop application in client side
  16. Are event handlers in JavaScript called in order?
  17. Angular.js. How to count ng-repeat iterations which satisfy the custom filter
  18. Positioning divs in a circle using JavaScript
  19. Problem with jQuery.ajax with ‘delete’ method in ie
  20. traversing through JSON string to inner levels using recursive function
  21. How can I animate a progressive drawing of svg path?
  22. chrome.storage.local.set using a variable key name
  23. Why is Break needed when using Switch?
  24. Change image source with JavaScript
  25. How do I add validation to the form in my React component?
  26. How can I return a view from an AJAX call in Laravel 5?
  27. Prompt file download with XMLHttpRequest
  28. Detect clicked object in THREE.js
  29. html() vs innerHTML jquery/javascript & XSS attacks
  30. JavaScript Adding Booleans

Leave a Comment