元素:pointerup 事件
当指针不再处于活动状态时,会触发 pointerup 事件。请记住,可能也会获得 pointercancel 事件。
语法
在 addEventListener() 等方法中使用事件名称,或设置事件处理程序属性。
js
addEventListener("pointerup", (event) => {});
onpointerup = (event) => {};
事件类型
PointerEvent。继承自 Event。
事件属性
此接口继承自 MouseEvent 和 Event 的属性。
PointerEvent.altitudeAngle只读 实验性-
表示传感器(指针或触控笔)轴线与设备屏幕的 X-Y 平面之间的角度。
PointerEvent.azimuthAngle只读 实验性-
表示 Y-Z 平面与包含传感器(指针或触控笔)轴线和 Y 轴的平面之间的角度。
PointerEvent.persistentDeviceId只读 实验性-
生成
PointerEvent的指向设备的唯一标识符。 PointerEvent.pointerId只读-
导致事件的指针的唯一标识符。
PointerEvent.width只读-
指针接触几何形状在 X 轴上的大小(幅度),以 CSS 像素为单位。
PointerEvent.height只读-
指针接触几何形状的高度(Y 轴上的幅度),以 CSS 像素为单位。
PointerEvent.pressure只读-
指针输入的归一化压力,范围在
0到1之间,其中0和1分别代表硬件能够检测到的最小和最大压力。 PointerEvent.tangentialPressure只读-
指针输入的归一化切向压力(也称为桶压力或 圆柱应力),范围在
-1到1之间,其中0是控件的中性位置。 PointerEvent.tiltX只读-
Y–Z 平面与包含指针(例如笔触笔)轴线和 Y 轴的平面的平面角(以度为单位,范围为
-90到90)。 PointerEvent.tiltY只读-
X–Z 平面与包含指针(例如笔触笔)轴线和 X 轴的平面的平面角(以度为单位,范围为
-90到90)。 PointerEvent.twist只读-
指针(例如笔触笔)绕其主轴的顺时针旋转角度,以度为单位,值为
0到359之间。 PointerEvent.pointerType只读-
指示导致事件的设备类型(鼠标、笔、触摸等)。
PointerEvent.isPrimary只读-
指示指针是否代表此指针类型的首要指针。
示例
使用 addEventListener()
js
const para = document.querySelector("p");
para.addEventListener("pointerup", (event) => {
console.log("Pointer up");
});
使用 onpointerup 事件处理程序属性
js
const para = document.querySelector("p");
para.onpointerup = (event) => {
console.log("Pointer up");
};
规范
| 规范 |
|---|
| 指针事件 # the-pointerup-event |
| 指针事件 # dom-globaleventhandlers-onpointerup |
浏览器兼容性
BCD 表格仅在浏览器中加载