JavaScript/DOM/Event/touchstart

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
Event-Handler CSS 3.0 touchstart
Bedeutung wird ausgelöst, wenn ein Berührungspunkt auf der Touch-Oberfläche aktiviert wird
bubbles ja
cancelable ja
Elternelemente Darf vorkommen in: allen Elementen außer im head
Event-Objekt TouchEvent
Browsersupport
  • Chrome
  • Firefox
  • Edge
  • Opera
  • Safari
Beispiel
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.

{{{BeispielBox}}}
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.

Tipp
Quellen

{{{Quellen}}}

siehe auch

{{{siehe_auch}}}

Weblinks
Meine Werkzeuge
Namensräume

Varianten
Aktionen
Übersicht
Index
Mitmachen
Werkzeuge
Spenden
SELFHTML