Heim > Web-Frontend > js-Tutorial > Kenntnisse über das Parsen und Kapseln von Berührungsereignissen

Kenntnisse über das Parsen und Kapseln von Berührungsereignissen

一个新手
Freigeben: 2017-09-21 10:48:09
Original
1930 Leute haben es durchsucht

Touch-Ereignisanalyse

  1. Touchstart-Ereignis: Wird ausgelöst, wenn ein Finger den Bildschirm berührt, auch wenn bereits ein Finger vorhanden ist Finger darauf Es wird auch auf dem Bildschirm ausgelöst.

  2. Touchmove-Ereignis : wird kontinuierlich ausgelöst, wenn der Finger über den Bildschirm gleitet. Während dieses Ereignisses kann der Aufruf des Ereignisses „preventDefault()“ das Scrollen verhindern.

  3. Touchend-Ereignis : Wird ausgelöst, wenn der Finger den Bildschirm verlässt.

  4. Touchcancel-Ereignis : Wird ausgelöst, wenn das System die Verfolgung von Berührungen beendet. Bezüglich der genauen Abfahrtszeit dieser Veranstaltung gibt es im Dokument keine konkrete Erklärung, sodass wir nur Vermutungen anstellen können.

Die oben genannten Veranstaltungen werden sprudeln und können abgesagt werden. Obwohl diese Berührungsereignisse nicht in der DOM-Spezifikation definiert sind, werden sie auf DOM-kompatible Weise implementiert. Daher stellt das Ereignisobjekt jedes Berührungsereignisses allgemeine Attribute in der Mauspraxis bereit: Blasen (Typ des Blasenereignisses), abbrechbar (ob die Methode „preventDefault()“ verwendet werden kann, um die mit dem Ereignis verknüpfte Standardaktion abzubrechen), clientX (Rückgabe von „When“) wenn das Ereignis ausgelöst wird, die horizontale Koordinate des Mauszeigers), clientY (gibt die vertikale Koordinate des Mauszeigers zurück, wenn das Ereignis ausgelöst wird), screenX (wenn ein Ereignis ausgelöst wird, die horizontale Koordinate des Mauszeigers) und screenY ( wird zurückgegeben, wenn ein Ereignis ausgelöst wird) Die vertikale Koordinate des Mauszeigers, wenn ein Ereignis ausgelöst wird. Zusätzlich zu den allgemeinen DOM-Eigenschaften enthalten Berührungsereignisse auch die folgenden drei Eigenschaften zum Verfolgen von Berührungen.


  • Berührungen: Ein Array von Berührungsobjekten, die die aktuell verfolgten Berührungsvorgänge darstellen.

  • targetTouches: Ein Array von Touch-Objekten, die Ereignisse für das aktuelle Element auslösen.

  • changeTouches: Ein Array von Touch-Objekten, das angibt, was sich seit der letzten Berührung geändert hat.

Jedes Touch-Objekt enthält die folgenden Eigenschaften.

 clientX: Die x-Koordinate des Touch-Ziels im Ansichtsfenster.

 clientY: Die y-Koordinate des Berührungsziels im Ansichtsfenster.

 Identifier: Die eindeutige ID, die die Berührung identifiziert.

 pageX: Die x-Koordinate des Berührungsziels auf der Seite.

 pageY: Die Y-Koordinate des Berührungsziels auf der Seite.

 screenX: Die x-Koordinate des Berührungsziels auf dem Bildschirm.

 screenY: Die Y-Koordinate des Berührungsziels auf dem Bildschirm.

 Ziel: DOM-Knotenziel.

Das obige ist der detaillierte Inhalt vonKenntnisse über das Parsen und Kapseln von Berührungsereignissen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage