Specific implementation of jQuery preventing event bubbling_jquery

The following is the html code part:

Copy code The code is as follows:

Outer div element
Inner span element
Outer div element

The corresponding jQuery code for

is as follows:

Copy code The code is as follows:

event.stopPropagation(); // Stop event bubbling

Sometimes clicking the submit button will have some default events. For example, jump to another interface. But if it does not pass verification, it should not jump. At this time, you can set event.preventDefault(); //Prevent the default behavior (form submission).

The following is a case:

Copy code

The code is as follows:

html part:

Copy code The code is as follows:

Username:

Another way to prevent default behavior is to return false. The effect is the same.

The code is as follows:

Copy code The code is as follows: