The pointerleave
event is fired when a pointing device is moved out of the hit test boundaries of an element. For pen devices, this event is fired when the stylus leaves the hover range detectable by the digitizer.
Bubbles | No |
---|---|
Cancelable | No |
Interface | PointerEvent |
Event handler property | onpointerleave |
Examples
Using addEventListener()
:
document.addEventListener('pointerleave', (event) => { console.log('Pointer left element'); });
Using the onpointerleave
event handler property:
document.onpointerleave = (event) => { console.log('Pointer left element'); };
Specifications
Specification | Status |
---|---|
Pointer Events | Obsolete |
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
pointerleave event | Chrome Full support 55 | Edge
Full support
12
| Firefox
Full support
59
| IE
Full support
11
| Opera ? | Safari No support No | WebView Android Full support 55 | Chrome Android Full support 55 | Firefox Android
Full support
29
| Opera Android ? | Safari iOS No support No | Samsung Internet Android Full support 6.0 |
Legend
- Full support
- Full support
- No support
- No support
- Compatibility unknown
- Compatibility unknown
- User must explicitly enable this feature.
- User must explicitly enable this feature.
- Uses a non-standard name.
- Uses a non-standard name.
See also
gotpointercapture
lostpointercapture
pointerover
pointerenter
pointerdown
pointermove
pointerup
pointercancel
pointerout
onpointerleave
event handler property- This event on
HTMLElement
targets:pointerleave
event