本来上篇文章准备加上手势事件,让自己的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("你正在向左滑动");
//这里就是你具体的业务逻辑了
});
非常简单,有用的拿去,不谢。