JS stop event bubbling block the default behavior of the browser (Block hyperconnections #)

In front-end development, due to browser compatibility and other issues, we often use "Stop event bubbling" and "Block browser default behavior ".

1. Stop event bubbling

JavascriptCode

// If the event object is provided, this is a non-IE browser

If (E & E. stoppropagation)

// Therefore, it supports the W3C stoppropagation () method.

E. stoppropagation ();

Else

// Otherwise, we need to use IE to cancel event bubbling.

Window. event. cancelbubble = true;

Return false;

2. prevent default browser behavior

JavaScript code

// If the event object is provided, this is a non-IE browser

If (E & E. preventdefault)

// Block the default browser action (W3C)

E. preventdefault ();

Else

// Block the default action of the function in IE

Window. event. returnvalue = false;

Return false;