Drei Arten von Event-Beispielcodes für WeChat-Miniprogramme

In diesem Artikel werden hauptsächlich die drei Arten von Ereignissen in WeChat-Miniprogrammen vorgestellt und Beispiele mit Codes gegeben.

Es gibt drei Haupttypen von Ereignissen in Miniprogrammen:
1-Klick-Ereignis

2-Doppelklick-Ereignis

3-Langes Drücken-Ereignis

Das Klickereignis besteht aus Touchstart und Touchend, und das Tap-Ereignis wird nach Touchend ausgelöst.
(1) Klicken Sie auf Ereignis

Code anzeigen

<view>
  <button type="primary" bindtouchstart="mytouchstart" bindtouchend="mytouchend" bindtap="mytap">点我吧</button>
</view>

JS-Code

mytouchstart: function(e){  
  console.log(e.timeStamp + '- touch start')
},mytouchend: function(e){
   console.log(e.timeStamp + '- touch end')
},mytap: function(e){  
  console.log(e.timeStamp + '- tap')
}

Hier wird das Touch-Start-Ereignis durch die Funktion bindtouchstart, bindtouchend, gebunden Die Funktion ist an ein Ereignis gebunden, das ausgelöst wird, wenn die Berührung endet.
Und Sie können den Inhalt dieser beiden Ereignisfunktionen in JS-Code implementieren.

(2) Doppelklick-Ereignis

Ein Doppelklick-Ereignis besteht aus zwei Klick-Ereignissen. Der Abstand zwischen zwei Klicks beträgt weniger als 300 ms und gilt als Doppelklick Es gibt kein Doppelklick-Ereignis und Entwickler müssen ihre eigene Verarbeitung definieren.
Anzeigen


Klicken Sie auf mich

JS-Code

(3) Drücken Sie lange

Danach Beim langen Drücken wird der Finger berührt und nach mehr als 350 ms wieder verlassen.
Code anzeigen

<view>
  <button type="primary" bindtouchstart="mytouchstart" bindlongtap="mylongtap"
    bindtouchend="mytouchend" bindtap="mytap">点我吧</button>
</view>

JS-Code

mytouchstart: function(e){   
 console.log(e.timeStamp + '- touch start')
},
//长按事件
mylongtap: function(e){   
 console.log(e.timeStamp + '- long tap')
},
 console.log(e.timeStamp + '- touch end')
},
mytap: function(e){   
 console.log(e.timeStamp + '- tap')
}

Weitere verwandte Artikel zu den drei Arten von Ereignisbeispielcodes von WeChat-Miniprogrammen Bitte achten Sie auf die chinesische PHP-Website!