Que sont les événements dans le développement de mini-programmes ?

Que sont les événements dans le développement du mini-programme WeChat ? D'après la définition des événements, les événements constituent la méthode de communication de la couche vue à la couche logique. Les événements peuvent renvoyer le comportement de l'utilisateur à la couche logique pour traitement et sont liés aux composants lorsqu'un événement déclencheur est atteint, la fonction de traitement d'événement correspondante dans la couche logique sera exécutée. De plus, les objets événement peuvent contenir des informations supplémentaires, telles que l'identifiant, l'ensemble de données, les touches.

Puisque le framework d'applet WeChat adopte la méthode de conception de la couche logique et de l'analyse de la couche UI, cette méthode de conception doit résoudre deux problèmes : la couche de vue répond à la logique de la couche logique et les modifications de données, la couche de vue renvoie les opérations de l'utilisateur à la couche logique. WeChat définit une syntaxe et des règles pour aider les développeurs à connecter la couche de vue et la couche logique. Le premier problème peut être résolu via la liaison de données, tandis que le second problème doit être résolu à l'aide d'événements.

Liaison d'événement

Utilisez la liaison d'événement pour compléter la réponse aux opérations de l'utilisateur. Par exemple, pour gérer l'événement tap de la balise view, ajoutez bindtap = ' dans le fichier. tag attribut tapName', puis ajoutez la fonction tapName dans .js

//wxml
Click me!
//.js
Page({
tapName:function(event) {
console.log(event)
}
})

L'objet événement contient des données sur l'événement :

target : le composant qui a déclenché l'événement

currentTarget : le composant actuel

type : type d'événement

timeStamp : horodatage (le nombre de millisecondes écoulées entre l'ouverture de la page et le déclenchement de l'événement)

touches : tableau contenant des points de contact (multi-touch)

changedTouches : tableau de points de contact modifiés (multi-touch)

détail : informations personnalisées supplémentaires

Bulle événements et événements sans bulle Événements

Pourquoi y a-t-il target et currentTarget ? En effet, les événements sont divisés en deux catégories, les événements bouillonnants et les événements sans bulle

Événements bulle : quand un composant Une fois l'événement déclenché, l'événement sera transmis au nœud parent.

Événement sans bulle : Lorsqu'un événement sur un composant est déclenché, l'événement ne sera pas transmis au nœud parent.

L'événement tap est un événement bouillonnant (c'est pourquoi l'événement dans l'exemple ci-dessus contient currentTarget).

Pourquoi les événements bouillonnants sont nécessaires

Avec les événements bouillonnants, certaines fonctions peuvent être mises en œuvre plus facilement.

Par exemple, le programme a une vue qui contient l'avatar et le nom de l'utilisateur. Lorsque l'utilisateur clique sur l'avatar ou le nom, la page de détails de l'utilisateur est accédée. S'il n'y a pas d'événement bouillonnant, vous devez gérer les événements de clic de l'avatar et du nom. Il vous suffit désormais d'envelopper un composant dans la couche externe et de gérer l'événement du composant.

Empêcher le bouillonnement d'événement

Dans certains cas, vous souhaiterez peut-être empêcher l'événement de bouillonner. Vous pouvez utiliser la liaison d'événement catch, telle que catchtap, pour empêcher l'événement. comportement bouillonnant.

Vous pouvez utiliser l'exemple de code suivant pour approfondir votre compréhension des événements bouillonnants

//.wxml
我是父亲节点
我是儿子节点
我是孙子节点

//.js
Page({
handleTapOutter:function(event) {
console.log(父亲节点被点击)
},
handleTapMiddle:function(event) {
console.log(儿子节点被点击)
},
handleInner:function(event) {
console.log(孙子节点被点击)
},
})

En résumé, un événement fait référence à quelque chose qui se passe, généralement l'utilisateur effectue certaines opérations, comme cliquer sur un bouton ou glissé votre doigt sur l'écran du téléphone. Lorsqu'un événement se produit, le framework appelle la fonction de gestion des événements (le cas échéant) afin qu'elle puisse répondre aux opérations de l'utilisateur.

Cet article est reproduit à partir de : http://zixun.jisuapp.cn/xcxkfjc/3059.html

Recommandé : " Mini programme Tutoriel de développement 》

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!