JavaScript/DOM/Event/Touch Events

Aus SELFHTML-Wiki
< JavaScript‎ | DOM‎ | Event
Wechseln zu: Navigation, Suche

Das Touch Events Interface ermöglicht es auf berührungssensitiven Touchscreens Ereignisse abzufragen. Touch Events ähneln Maus-Events, unterstützen aber auch gleichzeitige Berührungen auf der Oberfläche. Alle Touchpunkte werden in Bezug auf die Position relativ zum Viewport analysiert, um bewusstes Antippen und Wischgesten von zufälligen Berührungen beim Festhalten zu unterscheiden.

Details: caniuse.com


Alle Browser unterstützen eine weiter gefasste Pointer Events Schnittstelle (Zeigereignisse), die neben Mauscursor und Berührungen auch die Bedienung durch Tastatur, Stifte und andere Zeigegeräte umfasst

Click-Verzögerung auf mobilen Geräten

Auf mobilen Touch-Geräten werden click-Events erst nach 300ms Verzögerung gefeuert, um zufällige Berührungen auszuschließen.

Anbinden mehrerer Events
function tuWas() {
  alert ('Event-Handler wurden hinzugefügt!');
}

var elem  = document.getElementById ('button');
elem.addEventListener ('touchstart', tuWas);
elem.addEventListener ('click', tuWas);
Um bei Touchgeräten die Verzögerung auszuschließen werden hier mehrere Events vom Button abgefragt. Zuerst wird ein touchstart-, dann das click-Event dynamisch mittels addEventListener angebunden. Bei einem Click oder Tap wird die Funktion tuWas aufgerufen.

Siehe auch


Weblinks