Javascript-implemented by clicking the div area to hide the div area _ javascript skills

This article mainly introduces how to use JavaScript to hide the div area outside the div area. The principle and sample code are as follows. First, let's look at the js event model. The JS event model is bubbling up, for example, after an onclick event is triggered on a DOM element, the event will be propagated along with the node until a click event is bound to a parent node. If the event is not resolved to the root of the document.

Blocking bubbling: 1. stopPropagation () for non-ie browsers. 2. The cancelBubble attribute is true. For ie browsers,

Jquery already has browser-compatible methods, such as event. stopImmediatePropagation ();