移动端点透问题和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