W3cubDocs

/DOM

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

var leaveHandler = EventTarget.onpointerleave;

EventTarget.onpointerleave = leaveHandler;

Return 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	Status	Comment
Pointer Events – Level 2 The definition of 'onpointerleave' in that specification.	Editor's Draft	Non-stable version
Pointer Events The definition of 'onpointerleave' in that specification.	Recommendation	Initial definition

Browser compatibility

Feature	Chrome	Edge	Firefox (Gecko)	Internet Explorer	Opera	Safari (WebKit)
Basic support	55.0	(Yes)	(Yes)	10	42	No support