Javascript onclick function is called immediately (not when clicked)?

by

You want .onclick = secondFunction

NOT .onclick = secondFunction()

The latter calls (executes) secondFunction whereas the former passes a reference to the secondFunction to be called upon the onclick event

function start() {
  var a = document.createElement("a");
  a.setAttribute("href", "#");
  a.onclick = secondFunction;
  a.appendChild(document.createTextNode("click me"));
  document.body.appendChild(a);
}

function secondFunction() {
  window.alert("hello!");
}

start();

You could also use elem#addEventListener

a.addEventListener("click", secondFunction);

// OR

a.addEventListener("click", function(event) {
  secondFunction();
  event.preventDefault();
});

More Related Contents:

  1. Disable a part of JavaScript code [closed]
  2. How to get children id when I click the parent?
  3. Show/hide ‘div’ using JavaScript
  4. How to call multiple JavaScript functions in onclick event?
  5. How do I add a simple onClick event handler to a canvas element?
  6. HTML tag want to add both href and onclick working
  7. Onclick javascript to make browser go back to previous page?
  8. javascript onclick event over flash object
  9. Including both href and onclick to HTML tag
  10. javascript get x and y coordinates on mouse click
  11. How can I disable HREF if onclick is executed?
  12. Changing button text onclick
  13. Howto: div with onclick inside another div with onclick javascript
  14. Javascript – Dynamically assign onclick event in the loop
  15. Call two functions from same onclick [duplicate]
  16. Change Button color onClick
  17. How can I stop an onclick event from firing for parent element when child is clicked?
  18. Change value of input and submit form in JavaScript
  19. Javascript click event listener on multiple elements and get target ID
  20. Attribute onclick=”function()” not functioning as intended?
  21. JavaScript button onclick not working
  22. onclick calling hide-div function not working
  23. onclick=”location.href=’link.html'” does not load page in Safari
  24. Twitter Bootstrap Tabs: Go to Specific Tab on Page Reload or Hyperlink
  25. Prevent Page Load on Jquery Form Submit with None Display Button
  26. Is there a way to add/remove several classes in one single instruction with classList?
  27. Responsive horizontal page sliding
  28. how to resolve iframe cross domain issue [duplicate]
  29. Putting default value in
  30. Is there a way to load images to user’s cache asynchronously?

Leave a Comment