紫苏
紫苏
  • 发布:2016-07-27 12:04
  • 更新:2020-05-26 15:48
  • 阅读:58353

MUI各种手势事件:滑动、拖动、点击等

分类:MUI

MUI集成了很多手势事件,单击、长按、滑动等等。

点击事件:

  1. tap 单击屏幕
  2. doubletap 双击屏幕
    长按事件:
  3. longtap 长按屏幕
  4. hold 按住屏幕(为什么我想起了顶住屏幕)。。。
    3.release 离开屏幕
    滑动事件:
  5. swipeleft 向左滑动
  6. swiperight 向右滑动
  7. swipeup 向上滑动
  8. swipedown 向下滑动
    拖动事件:
  9. drastart 开始拖动
    2.drag 拖动中
  10. dragend 拖动结束

根据使用频率,mui默认会监听部分手势事件,如点击、滑动事件;为了开发出更高性能的moble App,mui支持用户根据实际业务需求,通过mui.init方法中的gestureConfig参数,配置具体需要监听的手势事件

注意:dragstart、drag、dragend 共用drag开关、swipeleft 、swiperight 、swipeup 、swipedown 共用swipe开关

事件监听:同标准的click事件冒泡一样,上面的事件支持任意添加到DOM对象上
例如 :Object.addEventListener("swipedown ",function(){

console.log("你向下滑动了");
})

网上搬运过来的,丰富社区的API文档-----紫苏

7 关注 分享
Trust Android_XR Taikoo lhyh LornaShaw y***@163.com 1***@qq.com

要回复文章请先登录注册

1***@qq.com

1***@qq.com

页面刷新一次,button绑定事件点击不了,但是通过查询代码,鼠标变成手指的模样,点击事件就没问题了
2020-05-26 15:48
飞酒

飞酒

uniapp什么时候能有这些?
2020-03-12 18:21
7***@qq.com

7***@qq.com

release 不能监听吗?那离开屏幕的时候怎么办?
2018-10-02 22:31
Yizhiyu

Yizhiyu

手势事件冲突怎么办
2018-05-03 15:35
AserJoker

AserJoker

但是这些事件发生时候的触屏坐标该怎么获取呢
2017-07-30 16:19
梁liang

梁liang

回复 藏镜人 :
哦,好的。谢了!
2016-12-07 15:44
藏镜人

藏镜人

回复 梁liang :
那是3DTouch...目前还不支持吧
2016-12-02 14:14
梁liang

梁liang

想iphone6s的按压手势一样,长按app的logo弹出菜单,需要什么样的处理
2016-11-10 09:55