GlobalEventHandlers.onpointerleave
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
EventListenerwhich will be invoked to handlepointerleaveevents 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 |
|---|
| Pointer Events # dom-globaleventhandlers-onpointerleave |
Browser compatibility
BCD tables only load in the browser