mouseleave DOM event is dispatched when a mouse or another pointing device leaves the physical space given to the element and to all of its descendants.
mouseover, it differs in that it doesn't bubble and that it isn't sent until the pointer has moved from its physical space and the one of all its descendants.
mouseenter event is sent to each element of the hierarchy when entering them. Here 4 events are sent to the four elements of the hierarchy when the pointer reaches the text.
mouseover event is sent to the deepest element of the DOM tree, then it bubbles up the hierarchy until it is canceled by a handler or reaches the root.
With deep hierarchies, the amount of
mouseleave events sent can be quite huge and cause significant performance problems. In such cases, it is better to listen for
Combined with the behavior of its symmetrical event,
mouseleave DOM Event acts in a very similar way to the CSS
- Interface :
- Synchronicity :synchronous
- Bubbles : no
- Target :
- Cancelable : no
- Default action : none
||Firefox Mobile (Gecko)
Document Tags and Contributors