博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js-解决移动端点击事件的延迟问题
阅读量:7154 次
发布时间:2019-06-29

本文共 813 字,大约阅读时间需要 2 分钟。

众所周知,在手机上的点击事件会有延迟300ms的问题。但在做手机端某些点击小游戏时,我们就需要取消这个延迟的问题;

第一步:禁止页面的缩放

  1. <meta name="viewport" content="width=device-width user-scalable= 'no'">  

这块内容能解决一些部分手机的问题

 

第二步: fastclick.js

         FastClick 是 FT Labs 专门为解决移动端浏览器 300 毫秒点击延迟问题所开发的一个轻量级的库。简而言之,FastClick 在检测到touchend事件的时候,会通过 DOM 自定义事件立即触发一个模拟click事件,并把浏览器在 300 毫秒之后真正触发的click事件阻止掉。使用方法如下。

      1:在页面中引入fastclick.js文件。

      2:在js文件中添加以下代码
      在 window load 事件之后,在body上调用FastClick.attach()即可。

       window.addEventListener(function(){   

            FastClick.attach( document.body );  

       },false );

 

       如果使用了jquery插件

        $(function() {    

             FastClick.attach(document.body);    

        }); 

 

   我这边代码用到的

 

// 处理移动端 click 延迟if ('addEventListener' in document) {       document.addEventListener('DOMContentLoaded', function() {       FastClick.attach(document.body);       }, false); }

 

  

 

转载于:https://www.cnblogs.com/liuqingxia/p/8514585.html

你可能感兴趣的文章
16.构造函数和析构函数
查看>>
iOS - 选取相册中iCloud云上图片和视频的处理
查看>>
从零开始学架构二 架构设计流程
查看>>
日记:八月份的总结
查看>>
Liunx 特殊权限 suid sgid t
查看>>
Memcache的安装和使用【转】
查看>>
Android NDK OpenCV C++
查看>>
SQLAlchemy基础操作三
查看>>
(六)注解式控制器详解
查看>>
LeetCode OJ:Word Pattern(单词模式)
查看>>
[BJWC 2011]元素
查看>>
textbox获取焦点选中内容
查看>>
Map Wiki -- proposed by Shuo Ren
查看>>
字符函数 php
查看>>
js数组练习
查看>>
视图 Model转集合
查看>>
会计的思考(43):会计应在哪办公?
查看>>
c#自定义液晶数字控件
查看>>
Qt编写自定义控件11-设备防区按钮控件
查看>>
Qt编写安防视频监控系统(界面很漂亮)
查看>>