Ionic - Eventi Javascript

Vari eventi ionici possono essere utilizzati per aggiungere interattività con gli utenti. La tabella seguente spiega tutti gli eventi ionici.

Nome dell'evento Dettaglio evento
in attesa Chiamato quando la durata del tocco è superiore a 500 ms.
alla spina Chiamato quando la durata del tocco è inferiore a 250 ms.
al doppio tocco Chiamato quando c'è un doppio tocco.
al tocco Chiamato immediatamente quando inizia il tocco.
al rilascio Chiamato quando il tocco finisce.
durante il trascinamento Chiamato quando il tocco viene spostato senza rilasciare la pagina in nessuna direzione.
durante il trascinamento Chiamato quando l'elemento viene trascinato verso l'alto.
trascina a destra Chiamato quando l'elemento viene trascinato a destra.
trascina a sinistra Chiamato quando l'elemento viene trascinato a sinistra.
durante il trascinamento verso il basso Chiamato quando l'elemento viene trascinato verso il basso.
a scorrimento Chiamato quando qualsiasi trascinamento ha un'elevata velocità che si muove in qualsiasi direzione.
allo scorrimento verso l'alto Chiamato quando qualsiasi trascinamento ha un'elevata velocità in movimento.
a scorrimento a destra Chiamato quando qualsiasi trascinamento ha un'elevata velocità che si sposta a destra.
a scorrimento verso sinistra Chiamato quando qualsiasi trascinamento ha un'elevata velocità di spostamento verso sinistra.
allo scorrimento verso il basso Chiamato quando qualsiasi trascinamento ha un'elevata velocità in movimento verso il basso.

Utilizzo di eventi

Poiché tutti gli eventi ionici possono essere utilizzati allo stesso modo, ti mostreremo come utilizzare il file on-touchevento e puoi semplicemente applicare gli stessi principi agli altri eventi. Per cominciare, creeremo un pulsante e assegneremo un fileon-touch evento, che chiamerà il onTouchFunction().

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

Quindi creeremo quella funzione nel nostro ambito di controllo.

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

Ora, quando si verifica l'evento touch, il file onTouchFunction() sarà chiamato.