1. 程式人生 > >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開關

事件監聽:同標準的click事件冒泡一樣,上面的事件支援任意新增到DOM物件上
例如 :Object.addEventListener(“swipedown “,function(){

console.log(“你向下滑動了”);
})