イオンジェスチャーイベント
イベント | 説明 | 使用法 | 例 |
---|---|---|---|
保留中 | 長押し時間は500ミリ秒です。 | <button on-hold="onHold()" class="button"> Test </button> | 試してみる » |
on-tap | これは、長押し時間が 250 ミリ秒を超える場合、タップではありません。 。 | <button on-tap="onTap()" class="button"> Test </button> | 試してみる » |
オンダブルタップ | 手のダブルタップ画面イベント | <button on-double-tap="onDoubleTap()" class="button"> Test </button> | 試してみる » |
オンタッチ | これも同じですas on-tap 違いは、これはすぐに実行され、ユーザーがクリックするとすぐに実行されることです。タッチエンド/マウスアップを待つ必要はありません。 | <button on-touch="onTouch()" class="button"> Test </button> | 試してみる » |
on-release | ユーザーがタッチイベントを終了するとトリガーされます。 | <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> | 試してみる » |
on-drag-right | 右にドラッグします。 | <button on-drag-right="onDragRight()" class="button"> Test </button> | 試してみる » |
オンドラッグダウン | 下にドラッグします。 | <button on-drag-down="onDragDown()" class="button"> Test </button> | 試してみる » |
on-drag-left | 左にドラッグします。 | <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> | 試してみる » |
on-swipe-right | の右指スワイプ効果。 | <button on-swipe-right="onSwipeRight()" class="button"> Test </button> | 試してみる» |
下スワイプ時 | 下指スワイプ効果。 | <button on-swipe-down="onSwipeDown()" class="button"> Test </button> | 試してみる » |
on-swipe-left | 指を左にスワイプする効果。 | <button on-swipe-left="onSwipeLeft()" class="button"> Test </button> | 試してみる » |
$ionicGesture
ionicionic.EventController ジェスチャを表示する Angular サービス。
メソッド
on(eventType, callback, $element)
要素にイベントリスナーを追加します。
Parameters | Type | Details |
---|---|---|
eventType | string string | 监听的手势事件。 |
callback | function(e) | 当手势事件发生时触发的事件。 |
$element | element | angular元素监听的事件。 |
options | object | 对象。 |
off(eventType, callback, $element)
在一个元素上移除一个手势事件监听器。
参数 | 类型 | 详情 |
---|---|---|
eventType | string | 移除监听的手势事件。 |
callback | function(e) | 移除监听器。 |
$element | element | リッスンするジェスチャ イベント。 |
function(e)
🎜🎜🎜ジェスチャーイベントが発生したときにトリガーされるイベント。 🎜🎜🎜🎜🎜$element🎜🎜element
🎜🎜🎜 angular 要素によってリッスンされるイベント。 🎜🎜🎜🎜🎜オプション🎜🎜オブジェクト
🎜🎜🎜オブジェクト。 🎜🎜🎜🎜🎜rrreee🎜 要素のジェスチャ イベント リスナーを削除します。 🎜🎜🎜🎜🎜Parameters🎜🎜Type🎜🎜Details🎜🎜🎜🎜🎜🎜eventType🎜🎜string
🎜🎜🎜監視対象のジェスチャーイベントを削除します。 🎜🎜🎜🎜🎜callback🎜🎜function(e)
🎜🎜🎜リスナーを削除します。 🎜🎜🎜🎜🎜$element🎜🎜element
🎜🎜🎜 イベントをリッスンする Angular 要素。 🎜🎜🎜🎜🎜🎜