此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in English Always switch to English

Element:gotpointercapture 事件

基线
广泛可用

自 2020年7月 起,此特性已在主流浏览器中得到支持,可在大多数设备和浏览器版本中正常使用。

gotpointercapture 事件在元素使用 setPointerCapture() 捕获指针时触发。

语法

addEventListener() 等方法中使用事件名称,或设置事件处理器属性。

js
addEventListener("gotpointercapture", (event) => { })

ongotpointercapture = (event) => { }

事件类型

PointerEvent,继承自 Event

Event UIEvent MouseEvent PointerEvent

示例

本示例获取一个 <p> 元素,并监听 gotpointercapture 事件。随后在 pointerdown 事件中对该元素调用 setPointerCapture(),从而触发 gotpointercapture

js
const para = document.querySelector("p");

para.addEventListener("gotpointercapture", () => {
  console.log("我被捕获了!");
});

para.addEventListener("pointerdown", (event) => {
  para.setPointerCapture(event.pointerId);
});

同一示例,使用 ongotpointercapture 事件处理器属性:

js
const para = document.querySelector("p");

para.ongotpointercapture = () => {
  console.log("我被捕获了!");
};

para.addEventListener("pointerdown", (event) => {
  para.setPointerCapture(event.pointerId);
});

规范

规范
Pointer Events
# gotpointercapture
Pointer Events
# dom-globaleventhandlers-ongotpointercapture

浏览器兼容性

参见