javascript click event handler fires without clicking

by

You are directly calling it.

document.getElementById("main_btn").addEventListener("click", hideId("main");

You should do that in a callback.

document.getElementById("main_btn").addEventListener("click", function (){
    hideId("main");
});

More Related Contents:

  1. Need to cancel click/mouseup events when double-click event detected
  2. Javascript click event handler – how do I get the reference to the clicked item?
  3. jQuery .on() method doesn’t see new elements
  4. What is wrong with this function
  5. How do I detect a click outside an element?
  6. How can I call PHP functions by JavaScript?
  7. jQuery click events firing multiple times
  8. Javascript event handler with parameters
  9. Adding console.log to every function automatically
  10. Extending an Object in Javascript
  11. In Javascript/jQuery what does (e) mean?
  12. Make function wait until element exists
  13. Javascript: Call a function after specific time period
  14. anchor jumping by using javascript
  15. Is NaN equal to NaN?
  16. Immediate function using JavaScript ES6 arrow functions
  17. Detect if user clicks inside a circle
  18. Calling a Javascript Function from Console
  19. Function and Object Javascript
  20. includes() not working in all browsers
  21. return !1 in javascript
  22. javascript adding property to function
  23. How to find the least common multiple of a range of numbers?
  24. How to simplify a decimal into the smallest possible fraction?
  25. What event does JQuery $function() fire on?
  26. Javascript,calling child window function from opener doesn’t work
  27. Form submitted using submit() from a link cannot be caught by onsubmit handler
  28. How can I remove a JavaScript event listener?
  29. How to get function body text in JavaScript? [duplicate]
  30. Why can’t I use a Javascript function before its definition inside a try block?

Leave a Comment