Eventos de gestos de ionic

Evento Descripción Uso Ejemplo
on-hold La duración de la pulsación larga es de 500 milisegundos. 
<button 
    on-hold="onHold()" 
    class="button">
    Test
    </button>
Pruébalo »
on-tap Este es el evento de toque ligero (tap). Si la pulsación supera los 250 milisegundos, ya no se considera un toque ligero. 
<button 
    on-tap="onTap()" 
    class="button">
    Test
    </button>
 Pruébalo »
on-double-tap Evento de doble toque en la pantalla 
<button 
    on-double-tap="onDoubleTap()" 
    class="button">
    Test
    </button>
 Pruébalo »
on-touch Esto es diferente de on-tap: se ejecuta al instante, en cuanto el usuario hace clic, sin esperar a touchend/mouseup. 
    <button on-touch="onTouch()" 
    class="button">
    Test
    </button>
 Pruébalo »
on-release Se activa cuando el usuario finaliza el evento táctil. 
<button 
    on-release="onRelease()" 
    class="button">
    Test
</button>
 Pruébalo »
on-drag Esto es similar al arrastre en PC. Mientras mantienes presionado un objeto y la mano comienza a moverse, se activa on-drag. 
<button 
    on-drag="onDrag()" 
    class="button">
    Test
</button>
 Pruébalo »
on-drag-up Arrastrar hacia arriba. 
<button 
    on-drag-up="onDragUp()" 
    class="button">
    Test
</button>
Pruébalo »
on-drag-right Arrastrar hacia la derecha. 
<button 
    on-drag-right="onDragRight()" 
    class="button">
    Test
</button>
 Pruébalo »
on-drag-down Arrastrar hacia abajo. 
<button 
    on-drag-down="onDragDown()" 
    class="button">
    Test
</button>
 Pruébalo »
on-drag-left Arrastrar hacia la izquierda. 
<button 
    on-drag-left="onDragLeft()" 
    class="button">
    Test
</button>
 Pruébalo »
on-swipe Se refiere al efecto de deslizamiento del dedo, puede ser en cualquier dirección. Y al igual que on-drag, tiene eventos separados para las cuatro direcciones. 
<button 
    on-swipe="onSwipe()" 
    class="button">
    Test
</button>
 Pruébalo »
on-swipe-up Efecto de deslizamiento del dedo hacia arriba. 
<button 
    on-swipe-up="onSwipeUp()" 
    class="button">
    Test
</button>
 Pruébalo »
on-swipe-right Efecto de deslizamiento del dedo hacia la derecha. 
<button 
    on-swipe-right="onSwipeRight()" 
    class="button">
    Test
</button>
 Pruébalo »
on-swipe-down Efecto de deslizamiento del dedo hacia abajo. 
<button
    on-swipe-down="onSwipeDown()"
    class="button">
    Test
</button>
 Pruébalo »
on-swipe-left Efecto de deslizamiento del dedo hacia la izquierda. 
<button 
    on-swipe-left="onSwipeLeft()"
    class="button">
    Test
</button>
 Pruébalo »

$ionicGesture

Un servicio de Angular que expone los gestos de ionic.EventController.

Métodos

on(eventType, callback, $element)

Agrega un detector de eventos a un elemento.

Parámetros Tipo Detalles
eventType string

El evento de gesto que se escucha.
callback function(e)

El evento que se dispara cuando ocurre el gesto.
$element element

El evento que escucha el elemento angular.
options object

Objeto.

 
off(eventType, callback, $element)

Elimina un detector de eventos de gesto de un elemento.

Parámetros Tipo Detalles
eventType string

El evento de gesto que se deja de escuchar.
callback function(e)

El detector a eliminar.
$element element

El elemento angular del evento escuchado.
Otras extensiones