Prevent event bubbles
Bubble event stream
When an event is triggered on a DOM element, for example, when you click the customer Name node, the event will follow the parent node inherited by the node to bubble through the entire DOM node hierarchy until it encounters a node attached to the Event-type processor, this event is an onclick event. You can terminate event bubbling at any time during the bubbling process. In a browser that complies with W3C standards, you can call the stopPropagation () method on the event object, in Internet Explorer, you can set the cancelBubble attribute of the event object to true. If you do not stop the event propagation, the event will always bubble through the DOM until it reaches the document root.
(e.stopPropagation) { = ; }
For specific instances, see the following results:
Event bubbling:
When you click the check box, you cannot select or cancel it.
Run code
Prevent event bubbles:
Run code