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()。

打印页面
上一页
下一页
广告