Ionic - Javascript 事件


各种 Ionic 事件可用于添加与用户的交互性。下表解释了所有 Ionic 事件。

活动名称 活动详情
等候接听 当触摸持续时间超过 500 毫秒时调用。
点按 当触摸持续时间小于 250 毫秒时调用。
双击 当有双击触摸时调用。
触摸式 触摸开始时立即调用。
发布时 触摸结束时调用。
拖动时 当触摸移动而没有在页面上向任何方向释放时调用。
拖拽时 当元素被向上拖动时调用。
向右拖动 当元素被拖动到右侧时调用。
向左拖动 当元素被拖动到左侧时调用。
下拉式 当元素被向下拖动时调用。
滑动 当任何拖动在任何方向上高速移动时调用。
向上滑动 当任何拖动高速向上移动时调用。
向右滑动 当任何拖动高速向右移动时调用。
向左滑动 当任何拖动以高速向左移动时调用。
向下滑动 当任何拖动高速向下移动时调用。

使用事件

由于所有 Ionic 事件都可以以相同的方式使用,因此我们将向您展示如何使用触摸事件,您可以将相同的原则应用于其他事件。首先,我们将创建一个按钮并分配一个触摸事件,该事件将调用onTouchFunction()

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

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

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

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