Ionic - Eventos de Javascript

Se pueden usar varios eventos Ionic para agregar interactividad con los usuarios. La siguiente tabla explica todos los eventos iónicos.

Nombre del evento	Detalle del evento
en espera	Se llama cuando la duración del toque es superior a 500 ms.
en el grifo	Se llama cuando la duración del toque es inferior a 250 ms.
en doble toque	Llamado cuando hay doble toque.
en contacto	Llamado inmediatamente cuando comienza el toque.
en lanzamiento	Llamado cuando termina el toque.
al arrastrar	Se llama cuando el toque se mueve sin soltar alrededor de la página en cualquier dirección.
al arrastrar hacia arriba	Se llama cuando se arrastra el elemento hacia arriba.
on-drag-right	Se llama cuando el elemento se arrastra hacia la derecha.
on-drag-left	Se llama cuando el elemento se arrastra hacia la izquierda.
on-drag-down	Se llama cuando el elemento se arrastra hacia abajo.
al deslizar	Se llama cuando cualquier arrastre tiene una alta velocidad de movimiento en cualquier dirección.
al deslizar hacia arriba	Se llama cuando cualquier arrastre tiene una alta velocidad de movimiento hacia arriba.
en-deslizar-derecha	Se llama cuando cualquier arrastre tiene alta velocidad moviéndose hacia la derecha.
en-deslizar-izquierda	Se llama cuando cualquier arrastre tiene alta velocidad moviéndose hacia la izquierda.
al deslizar hacia abajo	Llamado cuando cualquier arrastre tiene alta velocidad bajando.

Usar eventos

Dado que todos los eventos iónicos se pueden usar de la misma manera, le mostraremos cómo usar el on-touchevento y puede aplicar los mismos principios a los otros eventos. Para empezar, crearemos un botón y asignaremos unon-touch evento, que llamará al onTouchFunction().

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

Luego crearemos esa función en el alcance de nuestro controlador.

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

Ahora, cuando ocurre un evento táctil, onTouchFunction() sera llamado.