触摸屏幕时间长短时间禁止页面点击事件

Posted cloudloong

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了触摸屏幕时间长短时间禁止页面点击事件相关的知识,希望对你有一定的参考价值。

/*触摸屏幕时间事件(需要先引入JQ插件)*/

$.fn.extend({
  mctap:function(func){
    var _this=this;
    this.on(‘touchstart‘,function(e){
    tiptimer=new Date();
    }).on(‘touchend‘,function(e){
      if(new Date()-tiptimer>300) {func.bind(this,e)();}
    })
  }
});

/*禁止页面点击*/

$("#xxx").css({"pointer-events":"none"});










以上是关于触摸屏幕时间长短时间禁止页面点击事件的主要内容,如果未能解决你的问题,请参考以下文章

swift--触摸(UITouch)事件(点击,移动,抬起)

vue中的事件禁止穿透

解决百度地图js在移动端点击无效

300ms点击延迟

300ms点击延迟

移动端touch事件影响界面click/超链接事件无法点击