The global event handler for the pointerleave
event, which is delivered to a Node
when the pointer (mouse cursor, fingertip, etc.) exits its hit test area (for example, if the cursor exits an Element
or Window
's content area). This event is part of the Pointer Events API.
Syntax
EventTarget.onpointerleave = leaveHandler; var leaveHandler = EventTarget.onpointerleave;
Value
leaveHandler
- The
EventListener
which will be invoked to handlepointerleave
events sent to the target.
Example
This example shows two ways to use onpointerleave
to set an element's pointerleave
event handler.
<html> <script> function leaveHandler(ev) { // Process the pointerleave event } function init() { var el=document.getElementById("target1"); el.onpointerleave = leaveHandler; } </script> <body onload="init();"> <div id="target1"> Touch me ... </div> <div id="target2" onpointerleave="leaveHandler(event)"> Touch me ... </div> </body> </html>
See Using Pointer Events for additional details.
Specifications
Specification | Status | Comment |
---|---|---|
Pointer Events – Level 2 The definition of 'onpointerleave' in that specification. |
Recommendation | Non-stable version |
Pointer Events The definition of 'onpointerleave' in that specification. |
Obsolete | Initial definition |
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 | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
onpointerleave | 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.