イオンジェスチャーイベント2024 年の最新の入門チュートリアル。このコースでは $ IonicGesture, について学習できます。
イベント | 説明 | 使用法 | 例 |
---|---|---|---|
保留 | 長押し時間は500ミリ秒です。 | <button on-hold="onHold()" class="button"> Test </button> | »をお試しください |
上のタップ | 250以上のミリ秒あなた長押し、それはタップでない場合、これは、イベントをタップジェスチャーです。 。 | <button on-tap="onTap()" class="button"> Test </button> | »をお試しください |
オンダブルタップ | 手が画面イベントをタップ | <button on-double-tap="onDoubleTap()" class="button"> Test </button> | »をお試しください |
オンタッチ | タップオンと違いがある、これはすぐに実行されますが、ユーザーがクリックはすぐに実行されます。 touchend /のmouseupを待たず。 | <button on-touch="onTouch()" class="button"> Test </button> | »をお試しください |
オンリリース | 火災時にタッチイベントのユーザエンド。 | <button on-release="onRelease()" class="button"> Test </button> | »をお試しください |
上のドラッグ | これは、ドラッグのPC側に似ています。 あなたがオブジェクトをクリックするとされて、そして手が上にドラッグトリガする動き始めました。 | <button on-drag="onDrag()" class="button"> Test </button> | »をお試しください |
上のドラッグアップ | 上向きにドラッグします。 | <button on-drag-up="onDragUp()" class="button"> Test </button> | »をお試しください |
ドラッグ右に | 右にドラッグします。 | <button on-drag-right="onDragRight()" class="button"> Test </button> | »をお試しください |
上のドラッグダウン | 下にドラッグします。 | <button on-drag-down="onDragDown()" class="button"> Test </button> | »をお試しください |
上にドラッグ左 | 左にドラッグします。 | <button on-drag-left="onDragLeft()" class="button"> Test </button> | »をお試しください |
オンスワイプ | 指のスライド効果を指し、それは任意の方向であってもよいです。 しかし、また、上にドラッグ同様に、4方向の別のイベントがあります。 | <button on-swipe="onSwipe()" class="button"> Test </button> | »をお試しください |
上スワイプアップ | 指が効果をスライドアップ。 | <button on-swipe-up="onSwipeUp()" class="button"> Test </button> | »をお試しください |
オンスワイプ右 | 右指効果をスライドさせます。 | <button on-swipe-right="onSwipeRight()" class="button"> Test </button> | »をお試しください |
オンスワイプダウン | 指のスライドダウン効果。 | <button on-swipe-down="onSwipeDown()" class="button"> Test </button> | »をお試しください |
オンスワイプ左 | 左手の指効果をスライド。 | <button on-swipe-left="onSwipeLeft()" class="button"> Test </button> | »をお試しください |
サービス表示ionicionic.EventController角度ジェスチャー。
on(eventType, callback, $element)
要素にイベントリスナーを追加します。
パラメータ | タイプ | 詳細 |
---|---|---|
eventTypeを | string | ジェスチャイベントを聞きます。 |
コールバック | function(e) | ときジェスチャーイベントトリガーイベント。 |
$エレメント | element | イベントのリスニングの角度要素。 |
オプション | object | オブジェクト。 |
off(eventType, callback, $element)
要素上でジェスチャイベントリスナーを削除します。
パラメータ | タイプ | 詳細 |
---|---|---|
eventTypeを | string | ジェスチャイベントをリスニング削除します。 |
コールバック | function(e) | リスナーを削除します。 |
$エレメント | element | これは、イベントの角要素に監視されています。 |