How can I stop an onclick event from firing for parent element when child is clicked?

by

For your first question: IE doesn’t support stopPropagation(), instead you should use e.cancelBubble = true. Just do a function check first to find out which method you should use (if (e.stopPropagation) {code}).

For your second question: Maybe include a second div that handles the click event?

<div><img src="https://stackoverflow.com/questions/985389/image.jpg"/></div>
<div style="position:absolute" onclick="doSomething();"></div>

and then position the second div correctly

More Related Contents:

  1. Javascript – Dynamically assign onclick event in the loop
  2. How to get children id when I click the parent?
  3. Show/hide ‘div’ using JavaScript
  4. How can I capture the right-click event in JavaScript? [duplicate]
  5. HTML tag want to add both href and onclick working
  6. Javascript onclick function is called immediately (not when clicked)?
  7. Resize event for textarea?
  8. HTML “overlay” which allows clicks to fall through to elements behind it [duplicate]
  9. Onclick javascript to make browser go back to previous page?
  10. Pass mouse events through absolutely-positioned element
  11. Attach a body onload event with JS
  12. javascript onclick event over flash object
  13. Including both href and onclick to HTML tag
  14. javascript get x and y coordinates on mouse click
  15. How can I disable HREF if onclick is executed?
  16. Attach an event in a child iframe to a handler in the parent window
  17. event.offsetX in Firefox
  18. Howto: div with onclick inside another div with onclick javascript
  19. how to move a div with arrow keys
  20. Detect if button click real user or triggered by a script
  21. Call two functions from same onclick [duplicate]
  22. jQuery Change event on an element – any way to retain previous value?
  23. Handling “onclick” event with pure JavaScript
  24. Change Button color onClick
  25. jQuery: How to listen for DOM changes?
  26. Attribute onclick=”function()” not functioning as intended?
  27. Fire oninput event with jQuery
  28. JavaScript button onclick not working
  29. onclick calling hide-div function not working
  30. onclick=”location.href=’link.html'” does not load page in Safari

Leave a Comment