Element: pointerdown 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 pointerdown Ereignis wird ausgelöst, wenn ein Zeiger aktiv wird. Bei einer Maus wird es ausgelöst, wenn das Gerät vom Zustand ohne gedrückte Tasten in einen Zustand mit mindestens einer gedrückten Taste wechselt. Bei Berührung wird es ausgelöst, wenn physischer Kontakt mit dem Digitalisierer hergestellt wird. Bei einem Stift wird es ausgelöst, wenn der Stift physischen Kontakt mit dem Digitalisierer herstellt.
Dieses Verhalten unterscheidet sich von mousedown Ereignissen. Bei Verwendung einer physischen Maus werden mousedown Ereignisse ausgelöst, wenn irgendeine Taste an der Maus gedrückt wird. pointerdown Ereignisse werden nur beim Drücken der ersten Taste ausgelöst; nachfolgende Tastendrücke lösen keine pointerdown Ereignisse aus.
Hinweis:
Bei Touchscreen-Browsern, die direkte Manipulation erlauben, löst ein pointerdown Ereignis eine implizite Zeigererfassung aus, wodurch das Ziel alle nachfolgenden Zeigerereignisse erfasst, als ob sie über dem erfassenden Ziel auftreten würden. Entsprechend werden pointerover, pointerenter, pointerleave und pointerout nicht ausgelöst, solange diese Erfassung aktiv ist. Die Erfassung kann manuell beendet werden, indem element.releasePointerCapture auf dem Zielelement aufgerufen wird, oder sie wird automatisch nach einem pointerup oder pointercancel Ereignis beendet.
Syntax
Verwenden Sie den Ereignisnamen in Methoden wie addEventListener() oder stellen Sie eine Ereignisbehandlereigenschaft ein.
addEventListener("pointerdown", (event) => { })
onpointerdown = (event) => { }
Ereignistyp
Ein PointerEvent. Erbt von Event.
Beispiele
Verwendung von addEventListener():
const para = document.querySelector("p");
para.addEventListener("pointerdown", (event) => {
console.log("Pointer down event");
});
Verwendung der onpointerdown Ereignisbehandlereigenschaft:
const para = document.querySelector("p");
para.onpointerdown = (event) => {
console.log("Pointer down event");
};
Spezifikationen
| Spezifikation |
|---|
| Pointer Events # the-pointerdown-event |
| Pointer Events # dom-globaleventhandlers-onpointerdown |