Prevent parent container click event from firing when hyperlink clicked [duplicate]

by

In the Microsoft model you must set the event’s cancelBubble property to true.

window.event.cancelBubble = true;

In the W3C model you must call the event’s stopPropagation() method.

event.stopPropagation();

Here’s a cross-browser solution if you’re not using a framework:

function doSomething(e) {
    if (!e) e = window.event;
    e.cancelBubble = true;
    if (e.stopPropagation) e.stopPropagation();
}

More Related Contents:

  1. Is it possible to simulate key press events programmatically?
  2. How to simulate a mouse click using JavaScript?
  3. JavaScript click event listener on class
  4. onKeyPress Vs. onKeyUp and onKeyDown
  5. Trigger a keypress/keydown/keyup event in JS/jQuery?
  6. How can I get the scrollbar position with JavaScript?
  7. Document.write clears page
  8. How can I capture the right-click event in JavaScript? [duplicate]
  9. Wait 5 seconds before executing next line
  10. How can I trigger an onchange event manually? [duplicate]
  11. How do I capture response of form.submit
  12. Manipulating innerHTML removes the event handler of a child element? [duplicate]
  13. How does a function in a loop (which returns another function) work? [duplicate]
  14. How to pass parameter to function using in addEventListener?
  15. Javascript trick for ‘paste as plain text` in execCommand
  16. Are there any standards for mobile device web browsers in terms of thread sleeping? [closed]
  17. JavaScript mapping touch events to mouse events
  18. Capture click on div surrounding an iframe
  19. Using this inside an event handler
  20. Native JS equivalent to jQuery delegation
  21. How to prevent invalid characters from being typed into input fields
  22. Implementing jQuery’s “live” binder with native Javascript
  23. How to trigger an ‘isTrusted=true’ click event using JavaScript?
  24. What’s the difference between cancelBubble and stopPropagation?
  25. iFrame onload JavaScript event
  26. Is there any way of passing additional data via custom events?
  27. Is event a global variable that is accessible everywhere inside the callback chain?
  28. JavaScript: How to simulate change event in internet explorer (delegation)
  29. Detecting support for a given JavaScript event?
  30. In web browsers, what’s the difference between onblur and onfocusout?

Leave a Comment