• 设为首页
  • 加入收藏
  • 我要投稿
  • 联系站长
  • 网站模板技术交流
当前位置:模板网首页 > 建站教程 > DCloud,APICloud >  MUI事件大全正文

MUI事件大全

作者:网页模板
类型:图文教程
点击次数:
发布时间:2018-03-06 09:58
分享到:
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关闭其它页面,首页以及当前窗口对象不关闭
mui上拉加载只执行一次