GlobalEventHandlers.onpointerleave

就像在ElementWindow中点击类似,在某目标区域内,发生触点(鼠标指针,触摸等)行为时会触发源于pointerleave事件global event handler行为。 这个事件本身属于 Pointer Events API 的一部分。

语法

var leaveHandler = EventTarget.onpointerleave;

EventTarget.onpointerleave = leaveHandler;

返回值

leaveHandler
pointerleave 事件会执行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
Working Draft Non-stable version
Pointer Events
onpointerleave
Recommendation Initial definition

浏览器支持情况

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Basic support35 Yes

59

291

11

102

? No
FeatureAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Basic support3535 Yes291 ? No ?

1. 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.

2. Supported as onmspointerleave.

参考

文档标签和贡献者

此页面的贡献者: ensleep
最后编辑者: ensleep,