Web/API/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	Status	Comment
Pointer Events – Level 2The definition of 'onpointerleave' in that specification.	Recommendation	Non-stable version
Pointer EventsThe definition of 'onpointerleave' in that specification.	Obsolete	Initial definition

Browser compatibility

Update compatibility data on GitHub

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
`onpointerleave`	Chrome Full support 55	Edge Full support 12 Full support 12 No support 12 — 79 Alternate Name' Alternate Name' Uses the non-standard name: `onmspointerleave`	Firefox Full support 59 Full support 59 Full support 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.	IE Full support 11 Full support 11 Full support 10 Alternate Name' Alternate Name' Uses the non-standard name: `onmspointerleave`	Opera ?	Safari No support No	WebView Android Full support 55	Chrome Android Full support 55	Firefox Android Full support 29 Disabled' Full support 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.	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.