JavaScript/DOM/Event/touchstart

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

Der touchstart-Event-Handler wird ausgelöst, wenn ein Berührungspunkt auf der Touch-Oberfläche aktiviert wird.

bubbles

ja

cancelable

ja

mögliche Auslöser

allen Elementen außer im head

Event-Objekt

TouchEvent

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.

Beachten Sie: Auf Touch-Geräten werden click-Events erst mit 300ms Verzögerung ausgelöst, um zufällige Berührungen auszuschließen. Das touchstart-Event feuert sofort.

Siehe auch

Weblinks