元素:lostpointercapture 事件

lostpointercapture 事件在捕获的指针被释放时触发。

语法

在诸如addEventListener()之类的 方法中使用事件名称,或设置事件处理程序属性。

js
addEventListener("lostpointercapture", (event) => {});

onlostpointercapture = (event) => {};

事件类型

事件属性

此接口继承自MouseEventEvent的属性。

PointerEvent.altitudeAngle 只读 实验性

表示传感器(指针或手写笔)轴与设备屏幕的 X-Y 平面之间的角度。

PointerEvent.azimuthAngle 只读 实验性

表示 Y-Z 平面与包含传感器(指针或手写笔)轴和 Y 轴的平面之间的角度。

PointerEvent.persistentDeviceId 只读 实验性

生成PointerEvent的指向设备的唯一标识符。

PointerEvent.pointerId 只读

导致事件的指针的唯一标识符。

PointerEvent.width 只读

指针接触几何形状的宽度(X轴上的大小),以 CSS 像素为单位。

PointerEvent.height 只读

指针接触几何形状的高度(Y轴上的大小),以 CSS 像素为单位。

PointerEvent.pressure 只读

指针输入的归一化压力,范围为01,其中01分别表示硬件能够检测到的最小和最大压力。

PointerEvent.tangentialPressure 只读

指针输入的归一化切向压力(也称为桶压力或圆柱压力),范围为-11,其中0是控制器的中性位置。

PointerEvent.tiltX 只读

Y–Z 平面和包含指针(例如笔式触控笔)轴和 Y 轴的平面之间的平面角(以度为单位,范围为-9090)。

PointerEvent.tiltY 只读

X–Z 平面和包含指针(例如笔式触控笔)轴和 X 轴的平面之间的平面角(以度为单位,范围为-9090)。

PointerEvent.twist 只读

指针(例如笔式触控笔)绕其主轴顺时针旋转的度数,值范围为0359

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 表格仅在浏览器中加载

另请参阅