我爱模板网 > 建站教程 > APP开发,混合APP >  MUI事件大全正文

MUI事件大全

MUI集成了很多手势事件,单击、长按、滑动(左滑、右滑、上滑、下滑——让我想起了:左看右看上看下看)等等。

点击事件:
1. tap 单击屏幕
2. doubletap 双击屏幕

长按事件:
1. longtap 长按屏幕
2. hold 按住屏幕
3.release 离开屏幕

滑动事件:
1. swipeleft 向左滑动
2. swiperight 向右滑动
3. swipeup 向上滑动
4. swipedown 向下滑动

拖动事件:
1. drastart 开始拖动
2.drag 拖动中
3. dragend 拖动结束

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


注意:dragstart、drag、dragend 共用drag开关、swipeleft 、swiperight 、swipeup 、swipedown 共用swipe开关,开启这些开关如:
mui.init({
	gestureConfig:{
        swipeup:true,
        swipedown:true,
		tap: true, //默认为true
		doubletap: true, //默认为false
		longtap: true, //默认为false
		swipe: true, //默认为true
		drag: true, //默认为true
		hold:true, //默认为false,不监听
		release:true //默认为false,不监听
	}
})
事件监听:同标准的click事件冒泡一样,上面的事件支持任意添加到DOM对象上
例如 :
Object.addEventListener("swipedown ",function(){
    console.log("你向下滑动了");
})



部分素材资源来源网站,本站提供免费下载,如有侵权请联系站长马上删除!
上一篇:mui关闭其它页面,首页以及当前窗口对象不关闭 下一篇:mui上拉加载只执行一次
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
选择头像:
最新评论

猜你喜欢