jQuery stopPropagation bubble down

by

Events only bubble up. So the click event handler for the a element is fired before the click event handler for the div. If you want the behaviour you describe, the you need to add a click event handler to the a element which stops propagation to the div.

$("#myDiv a").click( function(event) {
    event.stopPropagation();
} );

and keep whatever event handler you have on the div. This should allow the event to perform it’s default action, and prevent the handler on the div being fired.

If you only want to prevent clicks on links then you can change your event handler for the div element 

$("#myDiv").click( function( event ) {
    if( !$( event.target ).is( "a" ) )
    {
        // existing event handler
    }
} );

More Related Contents:

  1. How do I hide an element on a click event anywhere outside of the element?
  2. Jquery version for $(“#submit”).on(“click”, function(){
  3. Best way to use Google’s hosted jQuery, but fall back to my hosted library on Google fail
  4. Stop a gif animation onload, on mouseover start the activation
  5. How to get nth jQuery element
  6. How can I scroll to a specific location on the page using jquery?
  7. Detecting attribute change of value of an attribute I made
  8. jQuery: how to trigger anchor link’s click event
  9. Add and remove a class on click using jQuery?
  10. Problems with Google Maps API v3 + jQuery UI Tabs
  11. Installing jQuery?
  12. Number nested ordered lists in HTML
  13. How to change an element’s title attribute using jQuery
  14. jQuery Ajax request from local filesystem (Windows file:///)
  15. Does AJAX loaded content get a “document.ready”?
  16. Jquery ajax error callback
  17. Total width of element (including padding and border) in jQuery
  18. Pass parameter between pages using jquery mobile
  19. Elements with $ in the id can’t be altered in jquery
  20. Check if all checkboxes are selected
  21. No response from MediaWiki API using jQuery
  22. Ignore all hidden div but not one in jQuery validation
  23. How can I stop “property does not exist on type JQuery” syntax errors when using Typescript?
  24. How do you trigger autocomplete “select” event manually in jQueryUI?
  25. jQuery: Making simultaneous ajax requests, is it possible?
  26. Show/ Hide Table Column with colspan using jQuery
  27. How to use Plugins for PopUp [closed]
  28. jQuery delay() – how to stop it?
  29. Remove elements onclick (including the remove button itself) with jQuery
  30. File upload Jquery WebApi

Leave a Comment