元素:lostpointercapture 事件
lostpointercapture
事件在捕获的指针被释放时触发。
语法
在诸如addEventListener()
之类的 方法中使用事件名称,或设置事件处理程序属性。
js
addEventListener("lostpointercapture", (event) => {});
onlostpointercapture = (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
只读-
指示指针是否代表此指针类型的 primary 指针。
示例
此示例监听元素的lostpointercapture
事件,并在pointerdown
上捕获元素的指针。当用户随后释放指针时,将触发lostpointercapture
事件。
js
const para = document.querySelector("p");
para.addEventListener("lostpointercapture", () => {
console.log("I've been released!");
});
para.addEventListener("pointerdown", (event) => {
para.setPointerCapture(event.pointerId);
});
同一个示例,但使用onlostpointercapture
事件处理程序属性
js
const para = document.querySelector("p");
para.onlostpointercapture = () => {
console.log("I've been released!");
};
para.addEventListener("pointerdown", (event) => {
para.setPointerCapture(event.pointerId);
});
规范
规范 |
---|
Pointer 事件 # the-lostpointercapture-event |
Pointer 事件 # dom-globaleventhandlers-onlostpointercapture |
浏览器兼容性
BCD 表格仅在浏览器中加载