Child element click event trigger the parent click event

by

You need to use event.stopPropagation()

Live Demo

$('#childDiv').click(function(event){
    event.stopPropagation();
    alert(event.target.id);
});​

event.stopPropagation()

Description: Prevents the event from bubbling up the DOM tree,
preventing any parent handlers from being notified of the event.

More Related Contents:

  1. How do I attach events to dynamic HTML elements with jQuery? [duplicate]
  2. jQuery document.createElement equivalent?
  3. Getting all selected checkboxes in an array
  4. jQuery: how to change tag name?
  5. Modifying a query string without reloading the page
  6. this in chained jquery functions
  7. How to use a variable for a key in a JavaScript object literal?
  8. How to change the href attribute for a hyperlink using jQuery
  9. jQuery Get Selected Option From Dropdown
  10. How can I add or update a query string parameter?
  11. Change the selected value of a drop-down list with jQuery
  12. How do I get the (x, y) pixel coordinates of the caret in text boxes?
  13. Unexpected token ILLEGAL in webkit
  14. Replace multiple characters in one replace call
  15. Set window to fullscreen (REAL fullscreen; F11 functionality) by javascript
  16. Use images like checkboxes
  17. How to send a message to a particular client with socket.io
  18. How to manually trigger validation with jQuery validate?
  19. How can I generate the opposite color according to current color?
  20. jQuery selector for an element that directly contains text?
  21. Calling a function on Bootstrap modal open
  22. input file to array javascript/jquery
  23. jQuery: How to traverse / Iterate over a list of object
  24. How to get an Array with jQuery, multiple with the same name
  25. Get value from text area [duplicate]
  26. How to upload string as file with jQuery or other js framework
  27. How to add a Facebook “Like” button to an AJAX driven page
  28. What’s the difference between a jQuery object and a DOM element? Difference between .get() and .index()?
  29. How do I detect IE 8 with jQuery?
  30. jquery: $(window).scrollTop() but no $(window).scrollBottom()

Leave a Comment