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

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;

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){});

-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;

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!