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 });