1. var myTouch = {
  2.     /*
  3.   * 给元素绑定tap事件 tap:轻拍、轻触
  4.   * @param {object} el 绑定事件的元素
  5.   * @param {function} callback 回调函数
  6.   */
  8.   tap:function(el,callback){
  9.       // 1、end-start 时间差 < 150  2、不能滑动 不能触发touchmove
  10.     if(typeof el === "object"){
  11.         var startTime = 0, isMove = false;
  12.       el.addEventListener("touchstart",function(){
  13.           startTime = new Date();
  14.       });
  15.       el.addEventListener("touchmove",function(){
  16.           isMove = true;
  17.       });
  18.       el.addEventListener("touchend",function(e){
  19.           var endTime = new Date();
  20.         if(endTime-startTime<150&&!isMove){
  21.              callback&&callback(e)
  22.                 }
  23.         isMove = false;
  24.         startTime = 0;
  25.       });
  26.     }
  27.   },
  28.   /*
  29.   * 给元素绑定滑动事件
  30.   * @param {object} el 绑定事件的元素
  31.   * @param {string} dir 滑动的方向 left|right|top|bottom
  32.   * @param {function} callback 回调函数
  33.   */
  34.   swiper:function(el,dir,callback){
  35.       if(typeof el === "object"){
  36.         var p1 = null,p2 = null;
  37.       el.addEventListener("touchstart",function(e){
  38.           p1= {
  39.             x:e.touches[0].clientX,
  40.           y:e.touches[0].clientY
  41.         }
  42.         // 每 个 Touch 对象代表一个触点，可通过e.touches[0]获取;
  43.         // 每个触点都由其位置，大小，形状，压力大小，和目标 element 描述。 
  44.         // TouchList 对象代表多个触点的一个列表. 
  45.       })
  46.       el.addEventListener("touchmove",function(e){
  47.           p2= {
  48.             x:e.touches[0].clientX,
  49.           y:e.touches[0].clientY
  50.         }
  51.       })
  52.       el.addEventListener("touchend",function(e){
  53.           if(p1&&p2&&dir===getDir()){
  55.         }
  56.       })
  57.       function getDir(){ // 判断手指滑动的方向
  58.           var dir = "";
  59.         var diffx = p2.x - p1.x; // 两点的水平差值
  60.         var diffy = p2.y - p1.y; // 两点的垂直差值
  61.         var absx = Math.abs(diffx); //Math.abs()返回一个数的绝对值
  62.         var absy = Math.abs(diffy); 
  63.         if(absx>30 || absy>30){ 
  64.             if(absx>absy){
  65.               // 水平滑动
  66.             dir = diffx>0 ? "right" : "left";
  67.           }else{
  68.               // 垂直滑动
  69.             dir = diffy>0 ? "bottom" : "top";
  70.           }
  71.         }
  72.         return dir;
  73.       }
  74.     }
  75.   }
  76. }

移动端开发中的一些坑：

_点击事件的第一个问题： _click 事件在移动端会有300ms的延迟响应 。不能及时响应，体验不好。