Ionic Javascript事件


可以使用各种Ionic事件来增加与用户的交互性。下表解释了所有Ionic事件。

事件名称 事件详细
on-hold 当触摸持续时间超过500毫秒时调用。
on-tap 当触摸持续时间小于250ms时调用。
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事件都可以以相同的方式使用,我们将向您展示如何使用 触摸 事件,您可以将相同的原则应用于其他事件。首先,我们将创建一个按钮并指定一个 触摸 事件,该事件将调用 onTouchFunction()

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

然后我们将在控制器范围内创建该函数。

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

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