Example of js blocking event bubbling

Next I will introduce you to an instance method for blocking event bubbling on the dom object. I hope this method will be helpful to all of you.

Events bound to dom objects have the feature of bubbling. If you do not want the event to bubble up, you need to block the default bubble processing. The pure JavaScript method is:

The Code is as follows:	Copy code
Function stopBubble (e ){ If (e & e. stopPropagation) {// non-IE E. stopPropagation (); } Else {// IE Window. event. cancelBubble = true; } }

If you use the jquery library to bind dom events, the processing method is:

The Code is as follows:	Copy code
$ (Selector). click ( Function (event ){ Event. stopPropagation (); // Do somethine } );