Le meilleur didacticiel les événements de mouvement ionique en 2024, dans ce didacticiel, vous pouvez apprendre $ IonicGesture,
é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 » |
Un ionicionic.EventController d'affichage du service des gestes angulaires.
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. |