Your Ad Here

advanced code snippet search

Posted By

noah on 06/06/07


Tagged

DOM events eventhandlers ppk interaction bubbing quirksmode bubble propagation


Versions (?)

Who likes this?

2 people have marked this snippet as a favorite

inamorix
crispunk


Stop event propagation (stop an event from bubbling up)

 / Published in: JavaScript
 

This is useful if I have an element that is inside a container, and I want to the element's event handler to fire without triggering the container's event handler. Then I would wrap the element's event handler function with this code.

See "PPK On JavaScript," pp. 315 and 323.

Expand | Embed | Plain Text 
  1. function doSomething (e) {
  2.   var event = e || window.event;
  3.  
  4.   [body of event handler function goes here]
  5.  
  6.   if (event.stopPropagation) {
  7.     event.stopPropagation();
  8.   } else {
  9.     event.cancelBubble = true;
  10.   } 
  11. }

Report this snippet  

You need to login to post a comment.