zoukankan      html  css  js  c++  java
  • 移动端点透问题和300ms延迟的解决方法

    移动端300ms延迟:

    一般情况下,如果没有经过特殊处理,移动端浏览器在派发点击事件的时候,通常会出现300ms左右的延迟。

    原因:移动端的检测网页双击缩放机制,300ms内双击两次则执行缩放操作

    解决方法:1.CSS的touch-action(chrome36开始支持)2.FastClick

    移动端点透问题:

    假如页面上有两个元素A和B。B元素在A元素之上。我们在B元素的touchstart事件上注册了一个回调函数,该回调函数的作用是隐藏B元素。我们发现,当我们点击B元素,B元素被隐藏了,随后,A元素触发了click事件。这是因为在移动端浏览器,事件执行的顺序是touchstart > touchend > click。而click事件有300ms的延迟,当touchstart事件把B元素隐藏之后,隔了300ms,浏览器触发了click事件,但是此时B元素不见了,所以该事件被派发到了A元素身上。如果A元素是一个链接,那此时页面就会意外地跳转。

    解决方法:1.在touch的回调函数里加入preventDefault() 2.FastClick

    总结自:https://blog.csdn.net/qq_34986769/article/details/62046696

  • 相关阅读:
    python模板引擎Cheetah的安装
    cocos2d 动作
    【leetcode】合并两个有序数组
    【leetcode】合并二叉树
    【leetcode】合并两个有序链表
    【leetcode】链表的中间结点
    【leetcode】使用最小花费爬楼梯
    【leetcode】栈的最小值
    【leetcode】最小绝对差
    【leetcode】玩筹码
  • 原文地址:https://www.cnblogs.com/qq965921539/p/13629804.html
Copyright © 2011-2022 走看看