InputDeviceCapabilities API

Konzepte und Nutzung der Eingabegertefhigkeiten

Da DOM-Ereignisse die Eingabe von Gerten abstrahieren, gibt es keine Mglichkeit, herauszufinden, welches Gert oder welche Art von Gert ein Ereignis ausgelst hat. Dies kann dazu fhren, dass dieselbe Aktion mehrere Ereignishandler auslst. Um damit umzugehen, stellen Entwickler Annahmen auf und verwenden Heuristiken, um das Verhalten auf Webseiten zu normalisieren.

Die InputDeviceCapabilities API lst dieses Problem, indem sie die Fhigkeiten der Eingabegerte abstrahiert. Nehmen wir zum Beispiel an, wir haben eine Webseite, die sowohl ein touchstart- als auch ein mousedown-Ereignis implementiert. Wir knnen annehmen, dass, wenn das Touchstart-Ereignis ausgelst wird, das Gert des Benutzers ber eine Touch-Oberflche verfgt. Was passiert, wenn das Mousedown-Ereignis ausgelst wird? Es wre ntzlich zu wissen, ob auch ein touchstart-Ereignis ausgelst wurde, damit wir dieselbe Aktion nicht zweimal ausfhren. Dies knnen wir tun, indem wir die sourceCapabilities-Eigenschaft des UIEvent berprfen.

myButton.addEventListener("mousedown", (e) => {
  // Touch event case handled above, don't change the style again on tap.
  if (!e.sourceCapabilities.firesTouchEvents) myButton.classList.add("pressed");
});

Schnittstellen

InputDeviceCapabilities

Bietet logische Informationen ber ein Eingabegert.

Erweiterungen zu anderen Schnittstellen

UIEvent.sourceCapabilities Schreibgeschtzt

Gibt eine Instanz der InputDeviceCapabilities-Schnittstelle zurck, die Informationen ber das physische Gert bietet, das fr das Erzeugen eines Touch-Ereignisses verantwortlich ist.

Spezifikationen

Browser-Kompatibilitt