Exemple de mini-programme WeChat : implémentation du code des événements de clic et des événements de pression longue

Le contenu de cet article concerne des exemples d'applets WeChat : implémentation du code des événements de clic et des événements de pression longue. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

<button 
bindtouchstart="handleTouchStart" 
bindtouchend="handleTouchEnd" 
bindlongpress="handleLongPress" 
bindtap="handleClick">
点击/长按</button> 
<!-- button 可以换成view-->

//touch start
handleTouchStart: function(e) {    
    this.startTime = e.timeStamp;    
    //console.log(" startTime = " + e.timeStamp);  
},  

//touch end
handleTouchEnd: function(e) {    
    this.endTime = e.timeStamp;    
    //console.log(" endTime = " + e.timeStamp);  
},  

handleClick: function(e) {    
    //console.log("endTime - startTime = " + (this.endTime - this.startTime));    
    if (this.endTime - this.startTime < 350) {      
    console.log("点击");    
    }  
},  

handleLongPress: function(e) {    
//console.log("endTime - startTime = " + (this.endTime - this.startTime));
console.log("长按");  
},

Recommandations associées :

Comment effacer les styles par défaut des boutons et des barres de défilement dans les mini-programmes (code)

Introduction à la méthode de configuration de la configuration json dans le mini programme WeChat (avec code)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!