移动端模拟click事件

移动端click事件会有300ms延迟

所以用touch事件来模拟click事件,来达到点击无延迟

//在这里主要使用touch事件来控制开关,来区分手指移动还是点击情况
var
onOff=true;
/*手指触摸就会触发touchstart事件,这里不能省略,否则onOff状态不会再次生效*/ $(
'.div1').on('touchstart',function(){ onOff = true; })
/*如果是点击情况的话不会触发touchmove事件,所以触发的时候onOff状态更改为false说明不是点击*/ $(
'.div1').on('touchmove',function(){ onOff = false; })
/*手指离开触发touchend事件 ,
*如果onOff==false;说明手指有移动并不是要点击,直接return,不执行任何操作
*如果onOff==true;说明是要点击,可以执行后续点击操作
*/
$('.div1').on('touchend',function(){
  if(!onOff) return;
  //在这里放点击事件的操作
  alert(
'这是点击')
})

 

posted @ 2017-05-05 17:04  异能嗜界  阅读(338)  评论(0)    收藏  举报