元素:pointerenter 事件
当定点设备移动到元素或其后代元素的点击测试边界内时,会触发 pointerenter
事件,这包括由于不支持悬停的设备触发 pointerdown
事件(参见 pointerdown
)而导致的情况。否则,pointerenter
的工作方式与 mouseenter
相同,并在同一时间派发。如果适用,它们也与 mouseover
和 pointerover
事件在同一时间派发。
语法
在诸如 addEventListener()
之类的方法中使用事件名称,或设置事件处理程序属性。
addEventListener("pointerenter", (event) => { })
onpointerenter = (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()
const para = document.querySelector("p");
para.addEventListener("pointerenter", (event) => {
console.log("Pointer entered element");
});
使用 onpointerenter
事件处理程序属性
const para = document.querySelector("p");
para.onpointerenter = (event) => {
console.log("Pointer entered element");
};
规范
规范 |
---|
指针事件 # the-pointerenter-event |
指针事件 # dom-globaleventhandlers-onpointerenter |
浏览器兼容性
加载中…