function on(curEle,type,fn){   curEle.addEventListener(type,fn,false);  }  var oBox = document.querySelector('.box');  //移動(dòng)端采用click存在300ms延遲  // oBox.addEventListener('click',function(){  //  this.style.webkitTransform = 'rotate(360deg)'  // },false)  //使用TOUCH事件模型實(shí)現(xiàn)點(diǎn)擊操作(單擊&&雙擊)  on(oBox,'touchstart',function(ev){   //ev:TouchEvent事件 屬性 type、target、preventDefault（returnValue）、stopPropagation、changedTouches、touches   //changedTouches和touches都是手指信息的集合（touchList）,touches獲取到值的必要條件只有手指還在屏幕上才可以獲取，所以在touchend事件中如果想獲取手指離開(kāi)的瞬間坐標(biāo)只能使用changedTouches獲取   var point = ev.touches[0];   this['strX'] = point.clientX;   this['strY'] = point.clientY;   this['isMove'] = false;  })  on(oBox,'touchmove',function(ev){   var point = ev.touches[0];   var newX = point.clientX,    newY = point.clientY;   //判斷是否發(fā)生滑動(dòng)，我們需要判斷偏移的值是否在30PX以內(nèi)   if(Math.abs(newX-this['strX'])>30 || Math.abs(newY-this['strY'])>30){    this['isMove'] = true;   }  })  on(oBox,'touchend',function(ev){   if(this['isMove'] === false){    //沒(méi)有發(fā)生移動(dòng) 點(diǎn)擊    this.style.webkitTransitionDuration = '1s';    this.style.webkitTransform = 'rotate(360deg)';    var delayTimer = window.setTimeout(function(){     this.style.webkitTransitionDuration = '0s';     this.style.webkitTransform = 'rotate(0deg)';    }.bind(this),1000);   }else{    //滑動(dòng)    this.style.background = 'red';   }  })

var oBox = document.querySelector('.box');  //單擊  touch.on(oBox,'tap',function(ev){   this.style.webkitTransitionDuration = '1s';   this.style.webkitTransform = 'rotate(360deg)';   var delayTimer = window.setTimeout(function(){    this.style.webkitTransitionDuration = '0s';    this.style.webkitTransform = 'rotate(0deg)';    window.clearTimeout(delayTimer)   }.bind(this),1000)  })  //雙擊  touch.on(oBox,'doubletap',function(ev){   this.style.webkitTransitionDuration = '1s';   this.style.webkitTransform = 'rotate(-360deg)';   var delayTimer = window.setTimeout(function(){    this.style.webkitTransitionDuration = '0s';    this.style.webkitTransform = 'rotate(0deg)';    window.clearTimeout(delayTimer)   }.bind(this),1000)  })  //長(zhǎng)按  touch.on(oBox,'hold',function(ev){   this.style.backgroundColor = 'red';  })

$('.box').singleTap(function(ev){   $(this).animate({    rotate:'360deg'   },1000,'linear',function(){    this.style.webkitTransform = 'rotate(0)'   })  })  $('.box').on('touchstart',function(){   $(this).css('background','red')  })  $.ajax({   url:'',   type:'get',   dataType:'json',   cache:false,   success:function(){       }  })