GlobalEventHandlers.onpointerleave

跳转到：
  1. 语法
  2. 样例
  3. 规格
  4. 浏览器支持情况
  5. 参考

就像在Element或Window中点击类似，在某目标区域内，发生触点（鼠标指针，触摸等）行为时会触发源于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,