Ionic-Javascriptイベント

さまざまなIonicイベントを使用して、ユーザーとの対話性を追加できます。次の表は、すべてのイオンイベントを説明しています。

イベント名 イベントの詳細
保留 タッチ時間が500ms以上の場合に呼び出されます。
オンタップ タッチ時間が250ms未満の場合に呼び出されます。
オンダブルタップ ダブルタップタッチがあるときに呼び出されます。
オンタッチ タッチが始まるとすぐに呼び出されます。
オンリリース タッチが終了すると呼び出されます。
オンドラッグ ページの周りをどの方向にも離さずにタッチを動かしたときに呼び出されます。
オンドラッグアップ 要素が上にドラッグされたときに呼び出されます。
右にドラッグ 要素が右にドラッグされたときに呼び出されます。
オン-ドラッグ-左 要素が左にドラッグされたときに呼び出されます。
オンドラッグダウン 要素が下にドラッグされたときに呼び出されます。
スワイプ ドラッグの速度が任意の方向に移動する場合に呼び出されます。
スワイプアップ ドラッグの速度が上に移動するときに呼び出されます。
右にスワイプ ドラッグの速度が右に移動するときに呼び出されます。
左にスワイプ ドラッグの速度が左に移動するときに呼び出されます。
スワイプダウン ドラッグの速度が下に移動するときに呼び出されます。

イベントの使用

すべてのIonicイベントは同じように使用できるため、使用方法を説明します。 on-touchイベントとあなたは他のイベントに同じ原則を適用することができます。まず、ボタンを作成して割り当てますon-touch イベント、呼び出します onTouchFunction()

<button on-touch = "onTouchFunction()" class="button">Test</button>

次に、コントローラースコープでその関数を作成します。

$scope.onTouchFunction = function() {
   // Do something...
}

さて、タッチイベントが発生すると onTouchFunction() と呼ばれます。