Element:pointerenter 事件
>pointerenter 事件会在定点设备移入元素以及其子孙元素的命中测试边界时触发,也包括由来自不支持悬停的设备的 pointerdown 事件导致的情形(参见 pointerdown)。另外,pointerenter 的运作方式与 mouseenter 相同,并且会在同一时间被派发。视情况,它们也会与 mouseover 和 pointerover 事件在同一时间被派发。
语法
在 addEventListener() 中使用此事件名称:
js
addEventListener("pointerenter", (event) => { })
或者,对接口的事件处理器属性赋值:
js
onpointerenter = (event) => { }
事件类型
PointerEvent。继承自 Event。
示例
使用 addEventListener():
js
const para = document.querySelector("p");
para.addEventListener("pointerenter", (event) => {
console.log("指针进入了元素");
});
使用 onpointerenter 事件处理器属性(但请注意,这会替换掉之前使用 onpointerenter 添加的其他事件监听器,如存在的话):
js
const para = document.querySelector("p");
para.onpointerenter = (event) => {
console.log("指针进入了元素");
};
规范
| 规范 |
|---|
| Pointer Events> # pointerenter> |
| Pointer Events> # dom-globaleventhandlers-onpointerenter> |