Document: lostpointercapture event

在此页

范例
规范
浏览器兼容性
另请参阅
相关话题

lostpointercapture event is fired when a 捕获指针被释放。

冒泡	No
可取消	No
接口	`PointerEvent`
事件处理程序特性	`onlostpointercapture`

范例

This example listens for the lostpointercapture event, and captures the pointer for an element on pointerdown . When the user subsequently releases the pointer, the lostpointercapture event will be fired.

const para = document.querySelector('p');
document.addEventListener('lostpointercapture', () => {
  console.log('I\'ve been released!')
});
para.addEventListener('pointerdown', (event) => {
  para.setPointerCapture(event.pointerId);
});

The same example, but using the onlostpointercapture 事件处理程序特性：

const para = document.querySelector('p');
document.onlostpointercapture = () => {
  console.log('I\'ve been released!')
};
para.addEventListener('pointerdown', (event) => {
  para.setPointerCapture(event.pointerId);
});

规范

规范	状态
指针事件	过时

浏览器兼容性

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. 更新 GitHub 上的兼容性数据

	桌面						移动
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
`lostpointercapture` event	Chrome 57	Edge ≤79	Firefox 59	IE ?	Opera 44	Safari ?	WebView Android 57	Chrome Android 57	Firefox Android No	Opera Android 43	Safari iOS ?	Samsung Internet Android 7.0

图例

完整支持
不支持
兼容性未知 ?

另请参阅

Related events
GlobalEventHandlers.onlostpointercapture event handler property
此事件在 HTMLElement 目标： lostpointercapture event

元数据

最后修改： Mar 22, 2019

在此页

范例

规范

浏览器兼容性

图例

另请参阅

相关话题