ionic参考手册
目录搜索
ionic基础教程ionic 安装ionic 创建 APPionic CSSionic 头部与底部 ionic 按钮ionic 列表ionic 卡片ionic 表单和输入框ionic Toggle(切换开关)ionic 复选框ionic 单选框ionic Rangeionic selectionic tab(选项卡)ionic 网格(Grid)ionic 颜色ionic JavaScriptionic 上拉菜单(ActionSheet) ionic 背景层ionic 下拉刷新ionic 复选框ionic 切换开关操作ionic 手势事件ionic 头部和底部 ionic 列表操作ionic 加载动作ionic 模型ionic 导航ionic 平台ionic 浮动框ionic 对话框ionic 滚动条ionic 侧栏菜单ionic 滑动框ionic 加载动画ionic 选项卡栏操作

©
本文档使用 php.cn手册 发布

文字

ionic 手势事件

事件描述用法实例
on-hold长按的时间是500毫秒。
<button 
	on-hold="onHold()" 
	class="button">
	Test
	</button>
实例»
on-tap这个是手势轻击事件，如果长按时间超过250毫秒，那就不是轻击了。。
<button 
	on-tap="onTap()" 
	class="button">
	Test
	</button>
实例»
on-double-tap手双击屏幕事件
<button 
	on-double-tap="onDoubleTap()" 
	class="button">
	Test
	</button>
实例»
on-touch这个和 on-tap 还是有区别的，这个是立即执行，而且是用户点击立马执行。不用等待 touchend/mouseup 。
	<button on-touch="onTouch()" 
	class="button">
	Test
	</button>
实例»
on-release当用户结束触摸事件时触发。
<button 
	on-release="onRelease()" 
	class="button">
	Test
</button>
实例»
on-drag这个有点类似于PC端的拖拽。当你一直点击某个物体，并且手开始移动，都会触发 on-drag。
<button 
	on-drag="onDrag()" 
	class="button">
	Test
</button>
实例»
on-drag-up向上拖拽。
<button 
	on-drag-up="onDragUp()" 
	class="button">
	Test
</button>
实例»
on-drag-right向右拖拽。
<button 
	on-drag-right="onDragRight()" 
	class="button">
	Test
</button>
实例»
on-drag-down向下拖拽。
<button 
	on-drag-down="onDragDown()" 
	class="button">
	Test
</button>
实例»
on-drag-left向左边拖拽。
<button 
	on-drag-left="onDragLeft()" 
	class="button">
	Test
</button>
实例»
on-swipe指手指滑动效果，可以是任何方向上的。而且也和 on-drag 类似，都有四个方向上单独的事件。
<button 
	on-swipe="onSwipe()" 
	class="button">
	Test
</button>
实例»
on-swipe-up向上的手指滑动效果。
<button 
	on-swipe-up="onSwipeUp()" 
	class="button">
	Test
</button>
实例»
on-swipe-right向右的手指滑动效果。
<button 
	on-swipe-right="onSwipeRight()" 
	class="button">
	Test
</button>
实例»
on-swipe-down向下的手指滑动效果。
<button
	on-swipe-down="onSwipeDown()"
	class="button">
	Test
</button>
实例»
on-swipe-left向左的手指滑动效果。
<button 
	on-swipe-left="onSwipeLeft()"
	class="button">
	Test
</button>
实例»

$ionicGesture

一个angular服务展示ionicionic.EventController手势。

方法

on(eventType, callback, $element)

在一个元素上添加一个事件监听器。

参数类型详情
eventTypestring

监听的手势事件。

callbackfunction(e)

当手势事件发生时触发的事件。

$elementelement

angular元素监听的事件。

optionsobject

对象。

off(eventType, callback, $element)

在一个元素上移除一个手势事件监听器。

参数类型详情
eventTypestring

移除监听的手势事件。

callbackfunction(e)

移除监听器。

$elementelement

被监听事件的angular元素。

关于我们联系我们留言板

手册网

上一篇：下一篇：