The events that js will not bubble include focus events, error events, cancellation events, loading events, storage events, update start events, update completion events, etc. Detailed introduction: 1. Focus events are events triggered when an element gains or loses focus, such as focusin and focusout. These events will not bubble up. They will only be triggered on the current element and will not be passed to outer elements; 2. Error events are events that are triggered when an error occurs, such as error. The error event will not bubble up. It will only be triggered on the current element and will not be passed to outer elements, etc.
The operating system for this tutorial: Windows 10 system, DELL G3 computer.
In JavaScript, some events do not bubble, that is, they do not pass from the inner element to the outer element. These events mainly include:
Focus Events: Events triggered when an element gains or loses focus, such as focusin and focusout. These events do not bubble up, they are only fired on the current element and are not passed to outer elements.
Error events (Error Events): Events triggered when an error occurs, such as error. The error event will not bubble up, it will only be triggered on the current element and will not be passed to outer elements.
Cancel Events: Events triggered when an event is canceled, such as cancel. The cancellation event will not bubble up, it will only be triggered on the current element and will not be passed to outer elements.
Load Events: Events triggered when the page or resource is loaded, such as load. The loading event will not bubble up, it will only be triggered on the current element and will not be passed to outer elements.
Storage Events: Events triggered when web storage changes, such as storage. The storage event will not bubble up, it will only be triggered on the current element and will not be passed to outer elements.
Update Start Events: Events triggered when the update starts, such as updatestart. The update start event will not bubble up, it will only be triggered on the current element and will not be passed to outer elements.
Update End Events: Events triggered when data update is completed, such as updateend. The update completion event will not bubble up, it will only be triggered on the current element and will not be passed to outer elements.
The reason these events do not bubble up is to avoid possible side effects and errors. When handling these events, developers need to be careful to only bind event handlers to the elements that need to be processed, rather than relying on the bubbling mechanism to trigger event handlers on outer elements.
The above is the detailed content of Which events in js will not bubble up?. For more information, please follow other related articles on the PHP Chinese website!