元素:pointerover 事件

当指向设备移动到元素的命中测试边界内时,将触发 pointerover 事件。

语法

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

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

onpointerover = (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("pointerover", (event) => {
  console.log("Pointer moved in");
});

使用onpointerover事件处理程序属性

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

para.onpointerover = (event) => {
  console.log("Pointer moved in");
};

规范

规范
Pointer 事件
# the-pointerover-event
Pointer 事件
# dom-globaleventhandlers-onpointerover

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参阅