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 tritt auf, wenn ein Zeigegerät in die Hit-Test-Grenzen eines Elements oder eines seiner Nachkommen bewegt wird, einschließlich als Ergebnis eines pointerdown-Ereignisses von einem Gerät, das Hover nicht unterstützt (siehe pointerdown). Ansonsten funktioniert pointerenter genauso wie mouseenter und wird zur gleichen Zeit ausgelöst. Sie werden auch zur gleichen Zeit wie mouseover und pointerover Ereignisse ausgelöst, wenn dies zutrifft.
Syntax
Verwenden Sie den Ereignisnamen in Methoden wie addEventListener() oder setzen Sie eine Ereignishandler-Eigenschaft.
addEventListener("pointerenter", (event) => { })
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 onpointerenter Ereignishandlereigenschaft:
const para = document.querySelector("p");
para.onpointerenter = (event) => {
console.log("Pointer entered element");
};
Spezifikationen
| Spezifikation |
|---|
| Pointer Events # the-pointerenter-event |
| Pointer Events # dom-globaleventhandlers-onpointerenter |