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的用法是用于多个元素的,当然也可以用于单个元素,文档为
示例
mui('body').on('tap','#xxx',function(){//xxx为被选中的ID,多个元素可以用类选择器
console.log('success');
});