~~~
/**
* 手勢
* @param {Object} element
* @param {Object} event
* @param {Object} fn
*/
gesture:function(element,event,fn){
mui.init({
gestureConfig:{
tap: true,
doubletap: true,
longtap: true,
swipe: true,
drag: true,
hold:true,
release:true
}
});
element.addEventListener(event,function(){
fn();
});
},
~~~
~~~
/**
* 手勢
*
* 參數1 : 目標對象
* 參數2 : 事件
* 參數3 : 回調
* tap 單擊屏幕
* doubletap 雙擊屏幕
* longtap 長按屏幕
* hold 按住屏幕
* release 離開屏幕
* swipeleft 向左滑動
* swiperight 向右滑動
* swipeup 向上滑動
* swipedown 向下滑動
* dragstart 開始拖動
* drag 拖動中
* dragend 拖動結束
*
*
*/
dui.gesture(box,'doubletap',function(e){
console.log('雙擊了');
})
~~~
- mui
- 拓展
- 本地存儲
- 獲取時間
- 滾動幀聽
- ui組件
- accordion(折疊面板)
- actionsheet(操作表)
- badge(數字角標)
- button(按鈕)
- cardview(卡片視圖)
- checkbox(復選框)
- dialog(對話框)
- 圖片輪播
- 輸入增強
- list(列表)
- 遮罩蒙版
- media list(圖文列表)
- numbox(數字輸入框)
- 側滑導航
- 彈出菜單
- picker(選擇器)
- popPicker
- dtpicker
- progressbar(滾動條)
- radio(單選框)
- range(滑塊)
- scroll(區域滾動)
- slide(輪播組件)
- switch(開關)
- 手機底層
- 蜂鳴提示音和手機震動
- 設備信息
- 手機信息
- 電話
- 發送短信
- 消息框
- 瀏覽器打開網頁
- 界面
- 手勢
- 輪播組件
- 底部導航
- 打開新頁面
- 遮罩
- webview詳解
- js基礎
- 數組
- mui教程
- 教程— html5+ webview 底部欄用法詳解(二)(轉載)
- 自動彈出虛擬鍵盤
- Native.js示例匯總