Ionic - Événements Javascript

Divers événements ioniques peuvent être utilisés pour ajouter de l'interactivité avec les utilisateurs. Le tableau suivant explique tous les événements ioniques.

Nom de l'événement Détail de l'événement
en attente Appelé lorsque la durée du toucher est supérieure à 500 ms.
en fût Appelé lorsque la durée du toucher est inférieure à 250 ms.
en appuyant deux fois Appelé lorsque vous appuyez deux fois sur.
au toucher Appelé immédiatement lorsque le toucher commence.
à la sortie Appelé lorsque le toucher se termine.
en traînant Appelé lorsque le toucher est déplacé sans relâcher autour de la page dans n'importe quelle direction.
en traînant Appelé lorsque l'élément est déplacé vers le haut.
sur-glisser-droite Appelé lorsque l'élément est déplacé vers la droite.
sur-glisser-gauche Appelé lorsque l'élément est déplacé vers la gauche.
en descendant Appelé lorsque l'élément est déplacé vers le bas.
par balayage Appelé lorsqu'un glissement a une vitesse élevée se déplaçant dans n'importe quelle direction.
par balayage Appelé lorsqu'un glissement a une vitesse élevée de déplacement.
à droite Appelé lorsqu'un glissement a une vitesse élevée se déplaçant vers la droite.
à glisser vers la gauche Appelé lorsqu'un glissement a une vitesse élevée se déplaçant vers la gauche.
glisser vers le bas Appelé lorsqu'un glissement a une vitesse élevée vers le bas.

Utilisation des événements

Puisque tous les événements Ionic peuvent être utilisés de la même manière, nous allons vous montrer comment utiliser le on-touchévénement et vous pouvez simplement appliquer les mêmes principes aux autres événements. Pour commencer, nous allons créer un bouton et attribuer unon-touch événement, qui appellera le onTouchFunction().

<button on-touch = "onTouchFunction()" class="button">Test</button>

Ensuite, nous créerons cette fonction dans la portée de notre contrôleur.

$scope.onTouchFunction = function() {
   // Do something...
}

Désormais, lorsque l'événement tactile se produit, onTouchFunction() sera appelé.