MUI addEvenListener和on 的用法区别

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 )
   
   

     
     

      
      event
     
     
     
     

      
      Type: 
      
      String
     
     
     
     

      
      需监听的事件名称，例如：'tap'
     
     

     
     

      
      selector
     
     
     
     

      
      Type: 
      
      String
     
     
     
     

      
      选择器
     
     

     
     

      
      handler
     
     
     
     

      
      Type: 
      
      Function( 
      
      Event event )
     
     
     
     

      
      事件触发时的回调函数，通过回调中的event参数可以获得事件详情
     
     
示例
 
 

  
  mui('body').on('tap','#xxx',function(){//xxx为被选中的ID，多个元素可以用类选择器

  
  	console.log('success');
});