dom / latest / globaleventhandlers / onpointerleave.html /

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

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

See also

© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onpointerleave