Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.
TouchEvent: touches-Eigenschaft
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
touches ist eine schreibgeschützteTouchList, die alleTouch-Objekte für Berührungspunkte auflistet, die sich derzeit in Kontakt mit der Berührungsoberfläche befinden, unabhängig davon, ob sie sich geändert haben oder welches ihre Ziel-Elemente zum Zeitpunkt vontouchstart waren.
Sie können es sich vorstellen als die Anzahl der separaten Finger, die als gleichzeitig den Bildschirm berührend erkannt werden können.
Hinweis:Die Berührungen im Array sind nicht unbedingt nach Auftreten geordnet (d.h. das i-te Element im Array ist nicht unbedingt die i-te Berührung, die aufgetreten ist). Sie können keine bestimmte Reihenfolge annehmen. Um die Reihenfolge der Auftritte der Berührungen zu bestimmen, verwenden Sie dietouch-Objekt-IDs.
Wert
EineTouchList, die alleTouch-Objekte für Berührungspunkte auflistet, die weiterhin in Kontakt mit der Berührungsoberfläche sind, unabhängig davon, ob sie sich geändert haben oder welches ihre Ziel-Elemente zum Zeitpunkt vontouchstart waren.
Beispiele
Dieses Beispiel veranschaulicht dieTouchEvent.touches-Eigenschaft desTouchEvent-Objekts. DieTouchEvent.touches-Eigenschaft ist einTouchList-Objekt, das eine Liste vonTouch-Objekten für jeden Berührungspunkt enthält, der derzeit die Oberfläche berührt.
Im folgenden Code-Snippet überprüft dertouchstart-Ereignishandler die Länge derTouchEvent.touches-Liste, um die Anzahl der aktivierten Berührungspunkte zu ermitteln, und ruft dann je nach Anzahl der Berührungspunkte verschiedene Handler auf.
someElement.addEventListener("touchstart", (e) => { // Invoke the appropriate handler depending on the // number of touch points. switch (e.touches.length) { case 1: handle_one_touch(e); break; case 2: handle_two_touches(e); break; case 3: handle_three_touches(e); break; default: console.log("Not supported"); break; }});Spezifikationen
| Specification |
|---|
| Touch Events # dom-touchevent-touches |