Ionic - JavaScript 事件

上一頁
下一頁

可以使用各種 Ionic 事件來增加與使用者的互動性。下表解釋了所有 Ionic 事件。

事件名稱 事件詳情
on-hold觸控持續時間超過 500 毫秒時呼叫。
on-tap觸控持續時間小於 250 毫秒時呼叫。
on-double-tap雙擊觸控時呼叫。
on-touch觸控開始時立即呼叫。
on-release觸控結束時呼叫。
on-drag在頁面上任意方向移動觸控而不釋放時呼叫。
on-drag-up向上拖動元素時呼叫。
on-drag-right向右拖動元素時呼叫。
on-drag-left向左拖動元素時呼叫。
on-drag-down向下拖動元素時呼叫。
on-swipe任何拖動以高速在任何方向移動時呼叫。
on-swipe-up任何拖動以高速向上移動時呼叫。
on-swipe-right任何拖動以高速向右移動時呼叫。
on-swipe-left任何拖動以高速向左移動時呼叫。
on-swipe-down任何拖動以高速向下移動時呼叫。

使用事件

由於所有 Ionic 事件的使用方式相同，我們將向您展示如何使用on-touch事件，您可以將相同的原理應用於其他事件。首先，我們將建立一個按鈕並分配一個on-touch事件，該事件將呼叫onTouchFunction()。

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

然後，我們將在控制器作用域中建立該函式。

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

現在，當發生觸控事件時，將呼叫onTouchFunction()。

列印頁面
上一頁
下一頁
廣告