MUI addEvenListener和on 的用法區別
阿新 • • 發佈:2019-01-31
MUI中存在N種手勢事件
包括:(因為MUI是為移動APP為前提開發的。所以觸發事件如:tap單點單擊是無法再PC端觸發的,如果需要修改。將TAP改成CLICK即可)
分類 | 引數 | 描述 |
---|---|---|
點選 | tap | 單擊螢幕 |
doubletap | 雙擊螢幕 | |
長按 | longtap | 長按螢幕 |
hold | 按住螢幕 | |
release | 離開螢幕 | |
滑動 | swipeleft | 向左滑動 |
swiperight | 向右滑動 | |
swipeup | 向上滑動 | |
swipedown | 向下滑動 | |
拖動 | dragstart | 開始拖動 |
drag | 拖動中 | |
dragend | 拖動結束 |
mui.init({
gestureConfig:{
tap: true , //預設為true
doubletap: true, //預設為false
longtap: true, //預設為false
swipe: true, //預設為true
drag: true, //預設為true
hold:false,//預設為false,不監聽
release:false//預設為false,不監聽
}
});
//預設情況下是以上狀態。即使不再初始化的時候寫。系統也預設這些初始狀態
addEvenListener是針對單個元素處理的,寫法為:
var tap = document.getElementById('xxx');
tap.addEventListener('tap',function(){ console.log(12); });
=========MUI 中ON的用法是用於多個元素的,當然也可以用於單個元素,文件為
.on( event , selector , handler )