MUI 手势事件

本来上篇文章准备加上手势事件,让自己的APP看起来高级点,后来发现,其实加了手势之后,反而有些地方更麻烦了,比如说我本来准备向左滑,触发个人中心页面,但是真的加入手势事件,偶尔一个误操作,就弹出页面,也不是很友好,所以最后我还是取消了,当然,我这个博客的目的就是为了把MUI的各种应用记录一下,所以既然提到了手势事件,就也简单列举下,以后要用的时候就自己回来copy代码。

//首先要在init方法中配置好手势事件,有一些都是默认开启的,比如我想要的滑动(向左)
mui.init({
  gestureConfig:{
   tap: true, //默认为true-----单击事件
   doubletap: true, //默认为false-----双击事件
   longtap: true, //默认为false-------长按事件
   swipe: true, //默认为true------滑动事件
   drag: true, //默认为true------拖动事件
   hold:false,//默认为false,不监听-------按住屏幕事件
   release:false//默认为false,不监听-------------离开屏幕事件
  }
});

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

//对业务需要的元素 添加 手势事件
document.getElementById('mask').addEventListener("swipeleft",function(){
     console.log("你正在向左滑动");

//这里就是你具体的业务逻辑了
});

非常简单,有用的拿去,不谢。

猜你喜欢

转载自blog.csdn.net/dreamxie0326/article/details/81414738
MUI