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

View in English Always switch to English

Element:pointerleave 事件

基线
广泛可用

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

pointerleave 事件会在定点设备移出元素的命中测试边界时激发。对于触控笔设备,该事件会在触控笔离开数位板可探测的悬停范围时触发。另外,pointerleave 的运作方式与 mouseleave 相同,并且会在同一时间被派发。视情况,它们也会与 mouseout 和 pointerout 事件在同一时间被派发。

语法

在 addEventListener() 中使用此事件名称:

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

或者,对接口的事件处理器属性赋值:

js
onpointerleave = (event) => { }

事件类型

PointerEvent。继承自 Event。

Event UIEvent MouseEvent PointerEvent

示例

使用 addEventListener():

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

para.addEventListener("pointerleave", (event) => {
  console.log("指针离开了元素");
});

使用 onpointerleave 事件处理器属性(但请注意,这会替换掉之前使用 onpointerleave 添加的其他事件监听器,如存在的话):

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

para.onpointerleave = (event) => {
  console.log("指针离开了元素");
};

规范

规范
Pointer Events
# pointerleave
Pointer Events
# dom-globaleventhandlers-onpointerleave

浏览器兼容性

参见