美文网首页
fastclick解决移动端300ms延时

fastclick解决移动端300ms延时

作者: ismyshellyiqi | 来源:发表于2018-03-09 10:02 被阅读0次
  • FastClick 不会伴随监听任何桌面浏览器(移动端click事件300ms延时)
  • Android 系统中,在头部 meta 中设置 width=device-width 的Chrome32+ 浏览器不存在300ms 延时,所以,也不需要
<meta name="viewport" content="width=device-width, initial-scale=1">
  • 同样的情况也适用于 Android设备(任何版本),在viewport 中设置 user-scalable=no,但这样就禁止缩放网页了
  • IE11+ 浏览器中,你可以使用 touch-action: manipulation; 禁止通过双击来放大一些元素(比如:链接和按钮)。IE10可以使用 -ms-touch-action: manipulation
  1. es6的模块(common.js的方式引入
import FastClick from 'fastclick'
//let  FastClick = require('fastclick');
if ('addEventListener' in document) {
    document.addEventListener('DOMContentLoaded', function() {
        FastClick.attach(document.body);
    }, false);
}
  1. js外部文件
<script src='path/fastclick.js'></script>  

//原生js
if ('addEventListener' in document) {
    document.addEventListener('DOMContentLoaded', function() {
        FastClick.attach(document.body);
    }, false);
}
//使用jquery
$(function() {
    FastClick.attach(document.body);
});

相关文章

  • vue资源

    1、移动端 1.1、fastclick(消除移动端300ms延迟)fastclick 消除移动端300ms的点击延...

  • fastclick解决移动端300ms延时

    FastClick 不会伴随监听任何桌面浏览器(移动端click事件300ms延时)Android 系统中,在头部...

  • FastClick

    FastClick遇到的坑 光标无法定位到正确的位置及解决办法 FastClick可以解决移动端300ms延迟问题

  • 移动端tap事件的实现

    在移动端click事件会有300ms的延迟,所以不推荐使用 解决此问题,可以使用fastclick.js去掉延迟或...

  • 使用fastClick.js所产生的一些问题

    开发h5活动页时想到移动端会有300ms的延迟,于是便打算用fastClick.js解决。 页面引入fastCli...

  • 使用fastClick.js所产生的一些问题

    开发h5活动页时想到移动端会有300ms的延迟,于是便打算用fastClick.js解决。 页面引入fastCli...

  • ios中textarea标签拉起软键盘滞后

    可以确认下页面是否引用了FastClick插件,这是专门解决移动端浏览器300ms点击延迟和点击穿透问题所开发的一...

  • Fastclick消除iPhone的300ms点击延迟

    使用Fastclick消除iPhone网页300ms点击延迟 做了一段时间的移动端网页工作,发现iPhone手机打...

  • 移动端点透原因-解决方法

    大家都知道移动端click事件有300ms的延时,那么原因又是什么: 在移动端触发时间会按照 touchstart...

  • 2018-07-19

    1 点击300ms 使用fastclick 2 移动端1px 在ios中使用0.5px 3 js中获取浏览器...

网友评论

      本文标题:fastclick解决移动端300ms延时

      本文链接:https://www.haomeiwen.com/subject/nhcpfftx.html