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.

Verfügt JQuery über eine Touch-Funktion?

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!