元素:pointerleave 事件

当指向设备移出元素的命中测试边界时,将触发 pointerleave 事件。对于笔式设备,当触控笔离开数字化仪可检测到的悬停范围时,将触发此事件。

语法

在像 addEventListener() 这样的方法中使用事件名称,或设置事件处理程序属性。

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

onpointerleave = (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 指针。

示例

使用addEventListener()

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

para.addEventListener("pointerleave", (event) => {
  console.log("Pointer left element");
});

使用onpointerleave 事件处理程序属性

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

para.onpointerleave = (event) => {
  console.log("Pointer left element");
};

规范

规范
Pointer Events
# the-pointerleave-event
Pointer Events
# dom-globaleventhandlers-onpointerleave

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅