- 离子基础教程
- 离子 - 主页
- 离子 - 概述
- Ionic - 环境设置
- Ionic CSS 组件
- 离子 - 颜色
- 离子 - 内容
- 离子 - 标头
- 离子 - 页脚
- 离子 - 按钮
- Ionic - 列表
- 离子 - 卡片
- 离子 - 形式
- 离子 - 切换
- Ionic - 复选框
- Ionic - 单选按钮
- 离子 - 范围
- 离子 - 选择
- Ionic - 选项卡
- 离子 - 网格
- 离子 - 图标
- 离子 - 填充
- Ionic JavaScript 组件
- Ionic - JS 操作表
- Ionic - JS 背景
- Ionic - JS 内容
- Ionic - JS 表单
- Ionic - JS 事件
- Ionic - JS 标头
- Ionic - JS 页脚
- Ionic - JS 键盘
- Ionic - JS 列表
- Ionic - JS 加载
- Ionic - JS 模态
- Ionic - JS 导航
- Ionic - JS 弹出窗口
- Ionic - JS 弹出窗口
- Ionic - JS 滚动
- Ionic - JS 侧边菜单
- Ionic - JS 幻灯片盒
- Ionic - JS 选项卡
- 离子先进概念
- Ionic - Cordova 集成
- 离子 - AdMob
- 离子 - 相机
- 离子 - Facebook
- Ionic - 在应用程序浏览器中
- Ionic - 原生音频
- 离子 - 地理定位
- 离子 - 媒体
- Ionic - 启动画面
- 离子有用资源
- 离子 - 快速指南
- 离子 - 有用的资源
- 离子 - 讨论
Ionic - Javascript 事件
各种 Ionic 事件可用于添加与用户的交互性。下表解释了所有 Ionic 事件。
活动名称 | 活动详情 |
---|---|
等候接听 | 当触摸持续时间超过 500 毫秒时调用。 |
点按 | 当触摸持续时间小于 250 毫秒时调用。 |
双击 | 当有双击触摸时调用。 |
触摸式 | 触摸开始时立即调用。 |
发布时 | 触摸结束时调用。 |
拖动时 | 当触摸移动而没有在页面上向任何方向释放时调用。 |
拖拽时 | 当元素被向上拖动时调用。 |
向右拖动 | 当元素被拖动到右侧时调用。 |
向左拖动 | 当元素被拖动到左侧时调用。 |
下拉式 | 当元素被向下拖动时调用。 |
滑动 | 当任何拖动在任何方向上高速移动时调用。 |
向上滑动 | 当任何拖动高速向上移动时调用。 |
向右滑动 | 当任何拖动高速向右移动时调用。 |
向左滑动 | 当任何拖动以高速向左移动时调用。 |
向下滑动 | 当任何拖动高速向下移动时调用。 |
使用事件
由于所有 Ionic 事件都可以以相同的方式使用,因此我们将向您展示如何使用触摸事件,您可以将相同的原则应用于其他事件。首先,我们将创建一个按钮并分配一个触摸事件,该事件将调用onTouchFunction()。
<button on-touch = "onTouchFunction()" class="button">Test</button>
然后我们将在控制器范围内创建该函数。
$scope.onTouchFunction = function() { // Do something... }
现在,当触摸事件发生时,将调用onTouchFunction() 。