Heim > Web-Frontend > H5-Tutorial > Hauptteil

Ausführliche Erläuterung von Berührungsereignissen in mobilen Endgeräten

不言
Freigeben: 2018-09-04 10:46:39
Original
3643 Leute haben es durchsucht

Dieser Artikel bietet Ihnen eine detaillierte Erklärung zu Touch-Ereignissen in mobilen Endgeräten. Freunde in Not können darauf verweisen.

1.touchstart

Das Ereignis

dom.addEventListener('touchstart',function(e){});
startX=e.touches[0].clientX;
Nach dem Login kopieren

wird ausgelöst, wenn ein Finger den Bildschirm berührt. Das zurückgegebene e-Objekt enthält mobilspezifische Eigenschaften:
tarchTouches: target Alle aktuellen Berührungen des Elements
changesTouches: Alle kürzlich geänderten Berührungen auf der Seite
touches: Alle Berührungen auf der Seite

2. touchmove

Wird kontinuierlich ausgelöst, wenn der Finger gleitet auf dem Bildschirm Das vom

dom.addEventListener('touchmove',function(e){});
Nach dem Login kopieren

-Ereignis zurückgegebene e-Objekt enthält mobilspezifische Attribute:
tarchTouches: alle aktuellen Berührungen des Zielelements
changesTouches: alle zuletzt geänderten Berührungen auf der Seite
Berührungen: Alle Berührungen auf der Seite

3.touchend

werden ausgelöst, wenn der Finger den Bildschirm verlässt. Das vom

-Objekt zurückgegebene Ereignis

dom.addEventListener('touchend',funciton(e){});
//在touchend中,touches拿不到touch对象,
//因为触摸已经结束,changedTouches中拿到触摸对象
//console.log(e);
//endX=e.touches[0];  undefined 
endX=e.changedTouches[0].clientX;
Nach dem Login kopieren
e enthält mobilspezifische Attribute:
changesTouches: Alle zuletzt geänderten Berührungen auf der Seite
touchcancel: Wird ausgelöst, wenn das System die Verfolgung von Berührungen stoppt. (Wird selten verwendet)
Im Touchend-Ereignis werden Ereignisbenachrichtigungen „changeTouches“ aufgezeichnet

4 e.touches[0]

clientX: Das Touch-Ziel ist The X Koordinate im Ansichtsfenster.
clientY: Die Y-Koordinate des Berührungsziels im Ansichtsfenster.
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.

Verwandte Empfehlungen:

ausführliche Erklärung von Berührungsereignissen in der mobilen Javascript-Entwicklung_Javascript-Fähigkeiten

Kapselungsbeispiel für die Webentwicklung von Javascript-Mobilgeräten of touch event_javascript-Kenntnisse

Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung von Berührungsereignissen in mobilen Endgeräten. 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
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!