“this” keyword in event methods when using JavaScript prototype object

by

You need:

this.link.onclick = this.EventMethod.bind(this);

…’bind’ is part of Prototype, and returns a function which calls your method with ‘this’ set correctly.

More Related Contents:

  1. ‘this’ does not work properly in another event. I’m clueless as to why [duplicate]
  2. How does the “this” keyword work?
  3. How to trigger event in JavaScript?
  4. What does “this” refer to in arrow functions in ES6?
  5. JavaScript: remove event listener
  6. Why is JavaScript bind() necessary?
  7. Javascript “this” pointer within nested function
  8. What is the difference between the mouseover and mouseenter events?
  9. VueJS: why is “this” undefined?
  10. Remove All Event Listeners of Specific Type
  11. adding ‘click’ event listeners in loop [duplicate]
  12. HTML “overlay” which allows clicks to fall through to elements behind it [duplicate]
  13. How do you log all events fired by an element in jQuery?
  14. JavaScript Callback Scope [duplicate]
  15. Add onclick event to newly added element in JavaScript
  16. The invocation context (this) of the forEach function call
  17. Does using $this instead of $(this) provide a performance enhancement?
  18. Attach an event in a child iframe to a handler in the parent window
  19. Can the unload Event be Used to Reliably fire ajax Request?
  20. Are event handlers in JavaScript called in order?
  21. jQuery prevent change for select
  22. adding event listener cross browser [closed]
  23. Detect double tap on ipad or iphone screen using javascript
  24. Monitor all JavaScript events in the browser console
  25. How can I stop an onclick event from firing for parent element when child is clicked?
  26. Listen for changes with localStorage on the same window
  27. Set variable in parent window from iframe
  28. Angular2 – catch/subscribe to (click) event in dynamically added HTML
  29. Add multiple window.onload events
  30. Replacement for deprecated `keypress` DOM event

Leave a Comment