就像在Element或Window中点击类似，在某目标区域内，发生触点（鼠标指针，触摸等）行为时会触发源于pointerleave事件global event handler行为。 这个事件本身属于 Pointer Events API 的一部分。
语法
var leaveHandler = EventTarget.onpointerleave; EventTarget.onpointerleave = leaveHandler;
返回值
leaveHandlerpointerleave事件会执行EventListener监听器会委托执行用以发送给目标。
样例
这个样例展示了两种使用 onpointerleave 来设置元素 pointerleave 事件处理器的方式。
<html>
<script>
function leaveHandler(ev) {
// 执行 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>
查看 Using Pointer Events 以了解更多详情。
规格
| 名称 | 状态 | 备注 |
|---|---|---|
| Pointer Events – Level 2 onpointerleave |
Recommendation | Non-stable version |
| Pointer Events onpointerleave |
Obsolete | Initial definition |
浏览器支持情况
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Update compatibility data on GitHub
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
onpointerleave | Chrome Full support 55 | Edge Full support Yes | Firefox
Full support
59
| IE
Full support
11
| Opera ? | Safari No support No | WebView Android Full support 55 | Chrome Android Full support 55 | Firefox Android
Full support
29
| Opera Android ? | Safari iOS No support No | Samsung Internet Android ? |
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.