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é.