Element: pointerenter-Ereignis
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2020 browserübergreifend verfügbar.
Das pointerenter-Ereignis wird ausgelöst, wenn ein Zeigegerät in den Bereich eines Elements oder eines seiner Nachfahren bewegt wird, in dem eine Treffertestung erfolgt. Dies gilt auch, wenn ein pointerdown-Ereignis von einem Gerät ausgelöst wird, das kein Hover unterstützt (siehe pointerdown). Ansonsten funktioniert pointerenter wie mouseenter; beide Ereignisse werden gleichzeitig ausgelöst. Gegebenenfalls werden sie auch gleichzeitig mit den Ereignissen mouseover und pointerover ausgelöst.
Syntax
Verwenden Sie den Ereignisnamen in addEventListener():
addEventListener("pointerenter", (event) => { })
Alternativ können Sie ihn der Event-Handler-Eigenschaft der Schnittstelle zuweisen:
onpointerenter = (event) => { }
Ereignistyp
Ein PointerEvent. Erbt von Event.
Beispiele
Verwendung von addEventListener():
const para = document.querySelector("p");
para.addEventListener("pointerenter", (event) => {
console.log("Pointer entered element");
});
Verwendung der Event-Handler-Eigenschaft onpointerenter (beachten Sie jedoch, dass dadurch gegebenenfalls andere über onpointerenter hinzugefügte Event-Listener ersetzt werden):
const para = document.querySelector("p");
para.onpointerenter = (event) => {
console.log("Pointer entered element");
};
Spezifikationen
| Spezifikation |
|---|
| Pointer Events # pointerenter |
| Pointer Events # dom-globaleventhandlers-onpointerenter |