adding ‘click’ event listeners in loop [duplicate]

by

You need to wrap the assignment of the event listener in a closure, something like:

var td;
for (var t = 1; t < 8; t++){
    td = document.getElementById('td'+t);
    if (typeof window.addEventListener === 'function'){
        (function (_td) {
            td.addEventListener('click', function(){
                console.log(_td);
            });
        })(td);
    }
}

More Related Contents:

  1. Can I call jQuery’s click() to follow an link if I haven’t bound an event handler to it with bind or click already?
  2. HTML “overlay” which allows clicks to fall through to elements behind it [duplicate]
  3. How to stop default link click behavior with jQuery
  4. Javascript Detect click event outside of div [duplicate]
  5. Is there any other way to implement a “listening” function without an infinite while loop?
  6. Detect if user clicks inside a circle
  7. Detect if user clicks inside a circle
  8. Is there an equivalent to e.PageX position for ‘touchstart’ event as there is for click event?
  9. How do I add a delay in a JavaScript loop?
  10. jQuery Event Keypress: Which key was pressed?
  11. Definitive way to trigger keypress events with jQuery
  12. Javascript removeEventListener not working
  13. What’s the fastest way to loop through an array in JavaScript?
  14. How can I capture the right-click event in JavaScript? [duplicate]
  15. Javascript/DOM: How to remove all event listeners of a DOM object?
  16. Iterate through object properties
  17. Remove All Event Listeners of Specific Type
  18. How to trigger the window resize event in JavaScript?
  19. Inspect attached event handlers for any DOM element
  20. jQuery: How to get the event object in an event handler function without passing it as an argument?
  21. jQuery: Unbind event handlers to bind them again later
  22. passing index from for loop to ajax callback function (JavaScript)
  23. event.offsetX in Firefox
  24. Performance difference between jQuery’s .live(‘click’, fn) and .click(fn)
  25. Drop event not firing in chrome
  26. JavaScript resize event on scroll – mobile
  27. javascript closure immediate evaluation [duplicate]
  28. Setting onclick to use current value of variable in loop [duplicate]
  29. addEventListener to iFrame
  30. How can I remove a JavaScript event listener?

Leave a Comment