ionic 怎么监听滑动的状态
答案:1 悬赏:60 手机版
解决时间 2021-01-10 06:50
- 提问者网友:愿为果
- 2021-01-09 10:54
ionic 怎么监听滑动的状态
最佳答案
- 五星知识达人网友:轮獄道
- 2021-01-09 11:06
ionic 划动事件 : on-swipe
在屏幕上按住并快速拖动时,将触发on-swipe划动事件:
gesture-swipe
根据划动方向的不同,可细分为以下指令:
on-swipe - 向任何方向的划动都触发事件
on-swipe-up - 向上划动时触发事件
on-swipe-down - 向下划动时触发事件
on-swipe-left - 向左划动时触发事件
on-swipe-right - 向右划动时触发事件
可以在任何元素上使用这些指令挂接事件监听函数:
...
ionic事件脚本接口 : $ionicGesture
除了使用之前介绍的特定指令实现手势事件的监听,也可以使用$ionicGesture服务 注册/解除手势事件监听:
on(eventType,callback,$element,options) - 注册手势事件监听函数
参数eventType是支持的事件类型,参看下面介绍;参数callback指定监听函数; 参数$element是要绑定事件的jqLite元素。
on()方法返回的是一个ionic.gesture对象,可供解除监听用。
off(gesture,eventType,callback) - 解除手势事件监听函数
参数gesture是on()方法返回的结果对象,参数callback是要移除的监听函数。
$ionicGesture服务支持的事件类型有:
hold, tap, doubletap, drag, dragstart, dragend, dragup, dragdown,
dragleft, dragright, swipe, swipeup, swipedown, swipeleft, swiperight,
transform, transformstart, transformend, rotate, pinch, pinchin,
pinchout, touch, release
在屏幕上按住并快速拖动时,将触发on-swipe划动事件:
gesture-swipe
根据划动方向的不同,可细分为以下指令:
on-swipe - 向任何方向的划动都触发事件
on-swipe-up - 向上划动时触发事件
on-swipe-down - 向下划动时触发事件
on-swipe-left - 向左划动时触发事件
on-swipe-right - 向右划动时触发事件
可以在任何元素上使用这些指令挂接事件监听函数:
...
ionic事件脚本接口 : $ionicGesture
除了使用之前介绍的特定指令实现手势事件的监听,也可以使用$ionicGesture服务 注册/解除手势事件监听:
on(eventType,callback,$element,options) - 注册手势事件监听函数
参数eventType是支持的事件类型,参看下面介绍;参数callback指定监听函数; 参数$element是要绑定事件的jqLite元素。
on()方法返回的是一个ionic.gesture对象,可供解除监听用。
off(gesture,eventType,callback) - 解除手势事件监听函数
参数gesture是on()方法返回的结果对象,参数callback是要移除的监听函数。
$ionicGesture服务支持的事件类型有:
hold, tap, doubletap, drag, dragstart, dragend, dragup, dragdown,
dragleft, dragright, swipe, swipeup, swipedown, swipeleft, swiperight,
transform, transformstart, transformend, rotate, pinch, pinchin,
pinchout, touch, release
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
推荐资讯