W3cubDocs

/Web APIs

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 EventListener which will be invoked to handle pointerleave 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
Pointer Events # dom-globaleventhandlers-onpointerleave

Browser compatibility

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	WebView Android	Chrome Android	Firefox for Android	Opera Android	Safari on IOS	Samsung Internet
`onpointerleave`	55	12 12-79	59	11 10	42	13	55	55	79	42	13	6.0