addEventListener calls the function without me even asking it to

by

Quoting Ian’s answer:

Since the second parameter expects a function reference, you need to provide one. With your problematic code, you’re immediately calling the function and passing its result (which is undefined…because all the function does is alert and doesn’t return anything). Either call the function in an anonymous function (like your first example) or alter the function to return a function.

function message_me(m_text){
    alert(m_text)
} 

second.addEventListener('click', 
    function() {
        message_me('shazam');
    }
);

Here’s an updated fiddle.

More Related Contents:

  1. How to trigger event in JavaScript?
  2. How to pass arguments to addEventListener listener function?
  3. JS li tag onclick not working on IE8
  4. addEventListener using for loop and passing values [duplicate]
  5. addEventListener in Internet Explorer
  6. addEventListener not working in IE8
  7. MSIE and addEventListener Problem in Javascript?
  8. add event listener on elements created dynamically
  9. Javascript removeEventListener not working
  10. Javascript – How to detect if document has loaded (IE 7/Firefox 3)
  11. Javascript “addEventListener” Event Fires on Page Load [duplicate]
  12. How to check whether dynamically attached event listener exists or not?
  13. Cannot read property ‘addEventListener’ of null
  14. Binding multiple events to a listener (without JQuery)?
  15. How to remove all listeners in an element? [duplicate]
  16. Adding click event handler to iframe
  17. Want to add “addEventListener” on multiple elements with same class [duplicate]
  18. Javascript: Uncaught TypeError: Cannot call method ‘addEventListener’ of null
  19. Why Firefox says that window.event is undefined? (call function with added event listener)
  20. addEventListener on a querySelectorAll() with classList [duplicate]
  21. addEventListener on NodeList [duplicate]
  22. Variable in JavaScript callback functions always gets last value in loop? [duplicate]
  23. addEventListener vs onclick
  24. Code inside DOMContentLoaded event not working
  25. Why doesn’t document.addEventListener(‘load’, function) work in a greasemonkey script?
  26. Javascript multiple dynamic addEventListener created in for loop – passing parameters not working
  27. reactjs event listener beforeunload added but not removed
  28. addEventListener Two Functions
  29. Listen to multiple keydowns
  30. addEventListener gone after appending innerHTML

Leave a Comment