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

View in English Always switch to English

Element:pointerup 事件

基线
广泛可用

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

pointerup 事件在指针变为非活动状态时触发。请注意,也有可能收到 pointercancel 事件,而非本事件。

这一行为与 mouseup 事件不同。使用物理鼠标时,每当释放鼠标上的任意按钮都会触发 mouseup 事件。而 pointerup 事件仅在释放最后一个按钮时触发;若仍按住其他按钮,释放某个按钮并不会触发 pointerup 事件。

语法

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

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

onpointerup = (event) => { }

事件类型

PointerEvent,继承自 Event

Event UIEvent MouseEvent PointerEvent

示例

使用 addEventListener()

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

para.addEventListener("pointerup", (event) => {
  console.log("指针抬起");
});

使用 onpointerup 事件处理器属性:

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

para.onpointerup = (event) => {
  console.log("指针抬起");
};

规范

规范
Pointer Events
# pointerup
Pointer Events
# dom-globaleventhandlers-onpointerup

浏览器兼容性

参见