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.	Working Draft	Non-stable version
Pointer Events The definition of 'onpointerleave' in that specification.	Recommendation	Initial definition

Browser compatibilityUpdate compatibility data on GitHub

	Desktop
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari
Basic support	35	Yes	59 59 29 Disabled Disabled From version 29: this feature is behind the `dom.w3c_pointer_events.enabled` preference (needs to be set to `true`). To change preferences in Firefox, visit about:config.	11 11 10 Uses the non-standard name: `onmspointerleave`	?	No