JavaScript/DOM/Event/touchstart
Aus SELFHTML-Wiki
< JavaScript | DOM | Event
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
- W3C: touchstart Event
- MDN: touchstart
Events (Übersicht)
- Animations-Events
- Datenabruf-Events
- Drag & Drop-Events
- Formular-Events
- Maus, Touch und Pointer-Events
- Medien-Events
- Print-Events
- Tastatur-Events
- Window-Events
- Zwischenablage-Events