événement de geste ionique
| Événement | Description | Utilisation | Instance |
|---|---|---|---|
| en attente | Le temps d'appui long est de 500 millisecondes. | <button on-hold="onHold()" class="button"> Test </button> | Essayez-le» |
| on-tap | Il s'agit d'un événement de tapotement gestuel , Si l'appui long dure plus de 250 millisecondes, ce n'est pas un robinet. . | <button on-tap="onTap()" class="button"> Test </button> | Essayez-le » |
| en appuyant deux fois | Appuyez deux fois sur l'écran event | <button on-double-tap="onDoubleTap()" class="button"> Test </button> | Essayez-le » |
| au toucher | Il y a encore une différence entre ceci et au clic Oui, ceci est exécuté immédiatement, et il est exécuté immédiatement lorsque l'utilisateur clique. Pas besoin d'attendre touchend/mouseup. | <button on-touch="onTouch()" class="button"> Test </button> | Essayez-le» |
| à la sortie | Déclenché lorsque l'utilisateur termine le événement tactile. | <button on-release="onRelease()" class="button"> Test </button> | Essayez-le» |
| en faisant glisser | C'est un peu similaire au PC faites glisser Tirer. Lorsque vous continuez à cliquer sur un objet et que votre main commence à bouger, le glissement sera déclenché. | <button on-drag="onDrag()" class="button"> Test </button> | Essayez-le » |
| en faisant glisser vers le haut | Faites glisser vers le haut. | <button on-drag-up="onDragUp()" class="button"> Test </button> | Essayez-le » |
| glissez-droite | Faites glisser vers la droite. | <button on-drag-right="onDragRight()" class="button"> Test </button> | Essayez-le » |
| en faisant glisser vers le bas | Faites glisser vers le bas. | <button on-drag-down="onDragDown()" class="button"> Test </button> | Essayez-le » |
| en faisant glisser vers la gauche | Faites glisser vers la gauche. | <button on-drag-left="onDragLeft()" class="button"> Test </button> | Essayez-le » |
| sur-swipe | fait référence à l'effet de glissement du doigt, qui peut être dans n'importe quelle direction. Et comme pour le glisser-déplacer, il existe des événements distincts dans quatre directions. | <button on-swipe="onSwipe()" class="button"> Test </button> | Essayez-le» |
| en glissant vers le haut | Effet de balayage du doigt vers le haut . | <button on-swipe-up="onSwipeUp()" class="button"> Test </button> | Essayez-le » |
| on-swipe-right | Faites glisser votre doigt vers le bon effet. | <button on-swipe-right="onSwipeRight()" class="button"> Test </button> | Essayez-le » |
| en glissant vers le bas | Effet de balayage du doigt vers le bas. | <button on-swipe-down="onSwipeDown()" class="button"> Test </button> | Essayez-le » |
| en glissant vers la gauche | Faites glisser votre doigt vers le Effet gauche. | <button on-swipe-left="onSwipeLeft()" class="button"> Test </button> | Essayez-le » |
$ionicGesture
un angulaire Le service affiche le geste ionicionic.EventController.
Méthode
on(eventType, callback, $element)
Ajoute un écouteur d'événement sur un élément.
| Paramètre | Type | Détails |
|---|
| 参数 | 类型 | 详情 |
|---|---|---|
| eventType | string | 监听的手势事件。 |
| callback | function(e) | 当手势事件发生时触发的事件。 |
| $element | element | angular元素监听的事件。 |
| options | object | 对象。 |
| 参数 | 类型 | 详情 |
|---|---|---|
| eventType | string | 移除监听的手势事件。 |
| callback | function(e) | 移除监听器。 |
| $element | element | 被监听事件的angular元素。 |
string<🎜><🎜><🎜>Événements gestuels à écouter. <🎜><🎜><🎜><🎜><🎜>rappel<🎜><🎜>function(e)<🎜><🎜><🎜>Événement déclenché lorsqu'un événement gestuel se produit. <🎜><🎜><🎜><🎜><🎜>$element<🎜><🎜>element<🎜><🎜><🎜>Événements écoutés par les éléments angulaires. <🎜><🎜><🎜><🎜><🎜>options<🎜><🎜>objet<🎜><🎜><🎜>Objet. <🎜><🎜><🎜><🎜><🎜>off(eventType, callback, $element)<🎜>Supprime un écouteur d'événement gestuel sur un élément. <🎜>
| Paramètre | Type | Détails | <🎜>< /thead>
|---|
