Heim > Web-Frontend > js-Tutorial > Hauptteil

Lösungen zur Lösung des Problems der Durchdringung von Touchstart-Ereignissen auf mobilen Endgeräten

巴扎黑
Freigeben: 2017-07-20 15:26:40
Original
2336 Leute haben es durchsucht

[Quelle]: Bei der Entwicklung mobiler Websites schwanken wir oft zwischen Clickstart und Touchstart. Obwohl Touchstart einfach zu bedienen ist und schnell reagiert, sind seine Mängel auch offensichtlich wird beim Scrollen der Seite häufig ausgelöst, was zu einem unfreundlichen Erlebnis führt; Sie können daher nicht einzeln sagen, welches gut oder schlecht ist, aber Sie sollten seine Stärken nutzen und seine Mängel vermeiden Das A-Tag, die Sprungmethode auf dem mobilen Endgerät, entspricht einem Klick (nach meiner eigenen tatsächlichen Erfahrung)

[Problem] Wenn wir Touchstart auf der oberen Ebene auslösen, wird der Klick oder ein Tag auf der unteren Ebene ausgeführt gleichzeitig ausgelöst werden (ausschließlich Es wird nach 350 ms ausgelöst)

[Prinzip] Dies liegt daran, dass die Auslösezeit des Klickens 500 ms und die Auslösezeit des Touchstarts 350 ms beträgt. Da 500>350, der Benutzer hat ein Penetrationsproblem

[Lösung] Es gibt viele Möglichkeiten, das Problem zu lösen. Wenn Sie den Blickwinkel und die Methode ändern, erhalten Sie unterschiedliche Antworten, die ich in der Praxis als effektiv befunden habe. Nur als Referenz:

    Sie können Touchstart durch Touchend ersetzen, da das Auslösen von Touchend 200 ms dauert, sodass Sie das Problem der Auslösezeit lösen können (das ist es, womit ich oft umgehe). Klickprobleme)
  1. Jeder auch Sie können eine transparente Ebene unter dem Auslöser abdecken, sodass er in diese transparente Ebene anstelle der Ebene mit Ereignissen eindringen kann (diese Methode erhöht das Niveau und die Komplexität von Codierung)

Das obige ist der detaillierte Inhalt vonLösungen zur Lösung des Problems der Durchdringung von Touchstart-Ereignissen auf 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