Ionic - Eventos Javascript

Vários eventos iônicos podem ser usados ​​para adicionar interatividade com os usuários. A tabela a seguir explica todos os eventos iônicos.

Nome do evento	Detalhe do Evento
em espera	Chamado quando a duração do toque é superior a 500 ms.
na torneira	Chamado quando a duração do toque é inferior a 250 ms.
toque duplo	Chamado quando há um toque duplo.
em contato	Chamado imediatamente quando o toque começa.
no lançamento	Chamado quando o toque termina.
arrastar	Chamado quando o toque é movido sem soltar pela página em nenhuma direção.
arrastar para cima	Chamado quando o elemento é arrastado para cima.
arrastar para a direita	Chamado quando o elemento é arrastado para a direita.
arrastar para a esquerda	Chamado quando o elemento é arrastado para a esquerda.
ao arrastar para baixo	Chamado quando o elemento é arrastado para baixo.
ao deslizar	Chamado quando qualquer arrastar tem alta velocidade em qualquer direção.
ao deslizar para cima	Chamado quando qualquer arrastar tem alta velocidade movendo-se para cima.
ao deslizar para a direita	Chamado quando qualquer arrastar tem alta velocidade se movendo para a direita.
ao deslizar para a esquerda	Chamado quando qualquer arrastar tem alta velocidade se movendo para a esquerda.
ao deslizar para baixo	Chamado quando qualquer arrastar tem alta velocidade se movendo para baixo.

Usando eventos

Uma vez que todos os eventos iônicos podem ser usados ​​da mesma maneira, mostraremos como usar o on-touchevento e você pode apenas aplicar os mesmos princípios aos outros eventos. Para começar, vamos criar um botão e atribuir umon-touch evento, que irá chamar o onTouchFunction().

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

Em seguida, criaremos essa função em nosso escopo de controlador.

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

Agora, quando ocorre o evento de toque, o onTouchFunction() será chamado.