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() {
    // 执行某些操作...
}

现在，当发生触摸事件时，将调用 onTouchFunction()。