Element:pointerup 事件
>pointerup 事件在指针变为非活动状态时触发。请注意,也有可能收到 pointercancel 事件,而非本事件。
这一行为与 mouseup 事件不同。使用物理鼠标时,每当释放鼠标上的任意按钮都会触发 mouseup 事件。而 pointerup 事件仅在释放最后一个按钮时触发;若仍按住其他按钮,释放某个按钮并不会触发 pointerup 事件。
语法
在 addEventListener() 等方法中使用事件名称,或设置事件处理器属性。
js
addEventListener("pointerup", (event) => { })
onpointerup = (event) => { }
事件类型
PointerEvent,继承自 Event。
示例
使用 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> |