HBuilder mui 手势事件

在开发移动端的应用时，会用到不少的手势操做，好比滑动、长按等，为了方便开放者快速集成这些手势，mui内置了经常使用的手势事件，目前支持的手势事件见以下列表： 

分类	参数	描述
单击	tap	单击屏幕
	doubletap	双击屏幕
长按	longtap	长按
	hold	按住屏幕
	release	离开屏幕
滑动	swipeleft	向左滑动
	swiperight	向右滑动
	swipeup	向上滑动
	swipedown	向下滑动
拖动	dragstart	开始拖动
	drag	拖动中
	dragend	拖动结束

 

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

 1 mui.init({
 2   gestureConfig:{
 3    tap: true, //默认为true
 4    doubletap: true, //默认为false
 5    longtap: true, //默认为false
 6    swipe: true, //默认为true
 7    drag: true, //默认为true
 8    hold:false,//默认为false，不监听
 9    release:false//默认为false，不监听
10   }
11 });

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

 

事件监听 

同标准click事件同样，上述手势事件支持添加到任意DOM对象上，以下为一个示例：

 

1 elem.addEventListener("swipeleft",function(){
2      console.log("你正在向左滑动");
3 });