Heim >Web-Frontend >Front-End-Fragen und Antworten >Verfügt JQuery über eine Touch-Funktion?
In jquery gibt es eine Touch-Funktion; die Touch-Funktion wird ausgelöst, wenn der Benutzer die Seite berührt: 1. Das Tap-Ereignis wird ausgelöst, wenn der Benutzer auf ein Element tippt. 2. Das Taphold-Ereignis wird ausgelöst, wenn der Benutzer auf ein Element tippt und hält es eine Sekunde lang. 3. Das Swipe-Ereignis wird ausgelöst, wenn der Benutzer mehr als 30 Pixel horizontal über ein Element gleitet . Das Swiperight-Ereignis wird ausgelöst, wenn der Benutzer mehr als 30 Pixel von links auf einem Element verschiebt. Ausgelöst, wenn er mehr als 30 Pixel von rechts verschiebt.
Die Betriebsumgebung dieses Tutorials: Windows10-System, JQuery3.4.1-Version, Dell G3-Computer.
Das Touch-Ereignis wird ausgelöst, wenn der Benutzer den Bildschirm (Seite) berührt. Das
tap-Ereignis wird ausgelöst, wenn der Benutzer auf ein Element tippt.
taphold-Ereignis wird ausgelöst, wenn der Benutzer auf ein Element tippt und es eine Sekunde lang hält.
Swipe-Ereignis wird ausgelöst, wenn der Benutzer mehr als 30 Pixel horizontal über ein Element gleitet:
swipeleft-Ereignis wird ausgelöst, wenn das Benutzer ist aktiviert. Das Swiperight-Ereignis wird ausgelöst, wenn der Benutzer mehr als 30 Pixel von links auf einem Element gleitet:
Das Swiperight-Ereignis wird ausgelöst, wenn der Benutzer mehr als 30 Pixel von rechts auf einem Element gleitet:
Einfach Erklärung:
Tap (Tap): Wird nach einem schnellen und vollständigen Antippen ausgelöst.
Taphold (Taphold): Wird nach dem Antippen und nicht Loslassen (ca. eine Sekunde) ausgelöst.
Swipe (Swipe): Innerhalb einer Sekunde ist der horizontale Widerstand größer als 30PX oder der vertikale Widerstand ist kleiner als das Ereignis, das beim Eintreten des 20PX-Ereignisses ausgelöst wird. Es kann eingestellt werden, wie lange und wie viele Pixel gezogen werden sollen. Dieses Ereignis hat die zugehörigen Eigenschaften:
scrollSupressionThreshold (Standard: 10px) – wenn der horizontale Widerstand größer als dieser Wert ist, wird er nicht ausgelöst.
durationThreshold (Standard: 1000 ms) – Wenn die Gleitzeit diesen Wert überschreitet, wird kein Gleitereignis generiert.
horizontalDistanceThreshold (Standard: 30 Pixel) – Ein Gleitereignis tritt nur auf, wenn die horizontale Wischdistanz diesen Wert überschreitet.
verticalDistanceThreshold (Standard: 75px) – Ein Gleitereignis tritt nur auf, wenn der vertikale Wischabstand kleiner als dieser Wert ist.
swipeleft (nach links wischen): Wird ausgelöst, wenn das Wischereignis in die linke Richtung erfolgt.
swiperight (nach rechts wischen): Wird ausgelöst, wenn das Wischereignis in die rechte Richtung erfolgt.
Beispiele sind wie folgt:
tippen (leichtes Tippen): Auslösen nach einem schnellen und vollständigen Tippen
$(function(){ $("#home").live('tap', function() { $('#toPage2').click(); // 为首页绑定点击事件 }); $("#page-2").live('tap', function() { $('#toHome').click(); // 为另一页面绑定点击事件 }); });
taphold (tippen und halten): Tippen und halten (etwa eine Sekunde) vor dem Auslösen
$(function(){ $("#home").live('taphole', function() { $('#toPage2').click(); // 为首页绑定长按事件 }); $("#page-2").live('taphole', function() { $('#toHome').click(); // 为另一页面绑定长按事件 }); });
Wischen (Swipe): nach links und rechts wischen, wie Sie möchten
$(function(){ $("#home").live('swipe', function() { $('#toPage2').click(); // 为首页绑定滑动事件 }); $("#page-2").live('swipe', function() { $('#toHome').click(); // 为另一页面绑定滑动事件 }); });
Video-Tutorial Empfohlen: jQuery-Video-Tutorial
Das obige ist der detaillierte Inhalt vonVerfügt JQuery über eine Touch-Funktion?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!