How to stop event propagation with inline onclick attribute?

by

Use event.stopPropagation().

<span onclick="event.stopPropagation(); alert('you clicked inside the header');">something inside the header</span>

For IE: window.event.cancelBubble = true

<span onclick="window.event.cancelBubble = true; alert('you clicked inside the header');">something inside the header</span>

More Related Contents:

  1. Getting value of HTML Checkbox from onclick/onchange events
  2. HTML “overlay” which allows clicks to fall through to elements behind it [duplicate]
  3. Pass mouse events through absolutely-positioned element
  4. Replacement for deprecated `keypress` DOM event
  5. Retrieve the position (X,Y) of an HTML element
  6. How can I tell if a DOM element is visible in the current viewport?
  7. Parse an HTML string with JS
  8. How do I create a link using javascript?
  9. How to append text to a “?
  10. Is it possible to run an .exe or .bat file on ‘onclick’ in HTML
  11. Find the closest ancestor element that has a specific class
  12. Retrieving the text of the selected in element
  13. Replace HTML page with contents retrieved via AJAX
  14. Difference between “change” and “input” event for an `input` element
  15. Attach a body onload event with JS
  16. getAttribute() versus Element object properties?
  17. How to get the HTML for a DOM element in javascript
  18. How to find a parent with a known class in jQuery?
  19. Why aren’t some technically serializable input properties serializable?
  20. Adding images to an HTML document with JavaScript
  21. how to move a div with arrow keys
  22. Add elements to the DOM given plain text HTML using only pure JavaScript (no jQuery)
  23. jQuery Change event on an element – any way to retain previous value?
  24. Add an element to the DOM with JavaScript
  25. Is it possible to use HTML’s .querySelector() to select by xlink attribute in an SVG?
  26. How to get the title of HTML page with JavaScript?
  27. JQuery html() vs. innerHTML
  28. Fire oninput event with jQuery
  29. Images failing to load in IE with DOM: 7009 error (unable to decode) in console
  30. Why is iframe.contentWindow == null?

Leave a Comment