Latest web development tutorials

les événements de mouvement ionique

événement description usage Exemples
en attente Longue durée de presse est de 500 millisecondes.
<button 
	on-hold="onHold()" 
	class="button">
	Test
	</button>
Essayez »
sur le robinet Ceci est un geste Touchez l'événement, si vous appuyez longuement sur plus de 250 ms, ce n'est pas un robinet. .
<button 
	on-tap="onTap()" 
	class="button">
	Test
	</button>
Essayez »
sur-double-tap Main appuyez sur l'événement d'écran
<button 
	on-double-tap="onDoubleTap()" 
	class="button">
	Test
	</button>
Essayez »
sur-touch Le sur-tap et il y a des différences, cela est exécuté immédiatement, mais l'utilisateur clique immédiatement exécuté. Sans attendre touchEnd / mouseup.
	<button on-touch="onTouch()" 
	class="button">
	Test
	</button>
Essayez »
sur la libération Se déclenche lorsque l'utilisateur final de l'événement tactile.
<button 
	on-release="onRelease()" 
	class="button">
	Test
</button>
Essayez »
sur-drag Ceci est quelque peu semblable à côté PC de la traînée. Lorsque vous cliquez sur un objet a été, et a commencé à déplacer la main déclenchera sur la traînée.
<button 
	on-drag="onDrag()" 
	class="button">
	Test
</button>
Essayez »
sur-drag-up Faites glisser vers le haut.
<button 
	on-drag-up="onDragUp()" 
	class="button">
	Test
</button>
Essayez »
sur-drag-droite Faites glisser vers la droite.
<button 
	on-drag-right="onDragRight()" 
	class="button">
	Test
</button>
Essayez »
sur-glisser vers le bas Faites glisser vers le bas.
<button 
	on-drag-down="onDragDown()" 
	class="button">
	Test
</button>
Essayez »
sur-drag-gauche Faites glisser vers la gauche.
<button 
	on-drag-left="onDragLeft()" 
	class="button">
	Test
</button>
Essayez »
sur-swipe Fait référence à l'effet de glissement de doigt, il peut être une direction quelconque. Mais aussi, et faites glisser la même manière, il est un événement distinct dans quatre directions.
<button 
	on-swipe="onSwipe()" 
	class="button">
	Test
</button>
Essayez »
sur-swipe-up Up doigts effet de glissement.
<button 
	on-swipe-up="onSwipeUp()" 
	class="button">
	Test
</button>
Essayez »
sur-coup droit doigt droit effet de glissement.
<button 
	on-swipe-right="onSwipeRight()" 
	class="button">
	Test
</button>
Essayez »
sur-glisser vers le bas Bas doigt effet de glissement.
<button
	on-swipe-down="onSwipeDown()"
	class="button">
	Test
</button>
Essayez »
sur-swipe gauche doigts gauche effet de glissement.
<button 
	on-swipe-left="onSwipeLeft()"
	class="button">
	Test
</button>
Essayez »

$ IonicGesture

Un ionicionic.EventController d'affichage du service des gestes angulaires.

manière

on(eventType, callback, $element)

Ajouter un écouteur d'événement sur un élément.

Paramètres type détail
eventType string

Écoute événement de mouvement.

callback function(e)

Lorsque le geste des événements de déclenchement d'événements.

$ Element element

éléments angulaires d'événements d'écoute.

Options object

Object.

off(eventType, callback, $element)

Supprimer un écouteur d'événement de mouvement sur un élément.

Paramètres type détail
eventType string

Retirer l'écoute événement de mouvement.

callback function(e)

Retirez l'auditeur.

$ Element element

Il est surveillé les événements éléments angulaires.