pointerleave

Summary

Dispatched when a pointing device is moved off of the hit test boundaries of an element and all of its descendants, including as a result of a pointerup event from a device that does not support hover.

Overview Table

Synchronous	Yes
Bubbles	No
Target	dom/Element
Cancelable	Yes
Default action	Varies: when the pointer is primary, all default actions of the [mouseleave](/dom/MouseEvent/mouseleave) event.

This event type is similar to [pointerout](/dom/PointerEvent/pointerout), but differs in that it does not bubble and that it is not dispatched until the pointing device has left the boundaries of the element and the boundaries of all its children.

Examples

element.addEventListener("pointerleave", handler, useCapture) ;

Notes

There are similarities between this event type, the mouseleave event described in DOM Level 3 Events and the CSS :hover pseudo-class described in CSS 2.1. See also the pointerenter event.

Related specifications

Pointer Events

Working Draft

Attributions

• Microsoft Developer Network: [pointerleave Event Article]