Event bubbling and default event Behavior

1. Original Ecological events

Get Original event objects:

<button onclick="get(event)" type="button">tijiao</button>

Prevent event bubbles:

1 // if the event object is provided, this is a non-IE browser 2 if (E & E. stoppropagation) 3 // Therefore, it supports the W3C stoppropagation () method 4 E. stoppropagation (); 5 else6 // otherwise, we need to use IE to cancel event bubbling 7 E. cancelbubble = true;

Prevent default behavior:

1 // if the event object is provided, this is a non-IE browser 2 if (E & E. preventdefault) {3 // block the default browser action (W3C) 4 E. preventdefault (); 5 6} else {7 // method of blocking the default action of the function in IE 8 E. returnvalue = false; 9}

Event target object:

1 var target = NULL; 2 if (E & E. srcelement) {3 // supported by IE. ie10 also contains the attribute target. 4 target = E. srcelement; 5} else {6 target = e.tar get; 7}

 

 

2. jquery events

Jquery encapsulates events. You need to distinguish between original Event Events and jquery events. Jquery events can directly call the jquery API method.

Prevent default behavior:

 $("a").click(function(event) {               event.preventDefault();               $(‘<div/>‘).append(‘default ‘ + event.type + ‘ prevented‘).appendTo(‘#log‘);             });

Prevent event bubbles:

1 $("p").click(function(event){2     event.stopPropagation();    // do something3   });