zoukankan      html  css  js  c++  java
  • 移动端300ms点击延迟

    产生原因:手机使用了300ms的延迟来判定用户是否发生双击行为。

    解决问题:

    1.禁用缩放

    表明这个页面是不可缩放的,此时浏览器可以禁用默认的双击缩放行为并且去掉300ms的点击延迟。

    缺点:这样会完全禁用缩放功能。

    2.更改默认的可视宽度

    设置了上述meta标签,那浏览器就可以认为该网站已经对移动端做过了适配和优化,就无需双击缩放操作了。
    它没有完全禁用缩放,而只是禁用了浏览器默认的双击缩放行为,但用户仍然可以通过双指缩放操作来缩放页面。

    3.css touch-action

     touch-action这个CSS属性。这个属性指定了相应元素上能够触发的用户代理(也就是浏览器)的默认行为。如果将该属性值设置为touch-action: none,那么表示在该元素上的操作不会触发用户代理的任何默认行为,就无需进行300ms的延迟判断。

    4. FastClick

    FastClick 是 FT Labs 专门为解决移动端浏览器 300 毫秒点击延迟问题所开发的一个轻量级的库。FastClick的实现原理是在检测到touchend事件的时候,会通过DOM自定义事件立即出发模拟一个click事件,并把浏览器在300ms之后的click事件阻止掉。

    Vue的解决方法

    安装  fastclick 插件

    main.js 中引入

  • 相关阅读:
    鼠标经过,显示悬浮DIV
    js 循环向上滚动
    Android 全局搜索条写成自定义控件-曹永思
    CYS-Sqlite数据导入工具
    启动Android App时,动态将Sqlite数据库文件导入到手机中类方法
    asp.net 多线程
    1.母版简单创建和使用
    class表与student表之间的关系
    02Del.ashx(删除班级)
    05StuList.aspx(学生列表)
  • 原文地址:https://www.cnblogs.com/sxxya/p/11397059.html
Copyright © 2011-2022 走看看