Trois types d'exemples de codes d'événement pour les mini-programmes WeChat

Cet article présente principalement les trois types d'événements dans les mini-programmes WeChat et donne des exemples avec des codes.

Il existe trois principaux types d'événements dans les mini-programmes :
Événement 1-Click

2-Événement double-clic

3-Événement appui long

L'événement click se compose de touchstart et touchend, et l'événement tap est déclenché après touchend.
(1) Cliquez sur l'événement

afficher le code

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

Code JS

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')
}

Ici, l'événement Touch Start est lié via la fonction bindtouchstart, bindtouchend Le La fonction est liée à un événement qui est déclenché à la fin du toucher.
Et vous pouvez implémenter le contenu de ces deux fonctions d'événement dans le code js.

(2) Événement de double-clic

L'événement de double-clic se compose de deux événements de clic. L'intervalle entre deux clics est inférieur à 300 ms et est considéré comme un double-clic dans les documents officiels de WeChat. Il n'y a pas d'événement de double-clic et les développeurs doivent définir leur propre traitement.
afficher


Cliquez sur moi

Code JS

(3) Appui long

Après lors de l'événement d'appui long, le doigt est touché puis laissé après plus de 350 ms.
afficher le code

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

Code JS

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')
}

Pour plus d'articles connexes sur les trois types d'exemples de codes d'événements des mini-programmes WeChat , veuillez faire attention au site Web PHP chinois !