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.