在最近写项目时为了解决移动端浏览器在派发点击事件的时候,通常会出现300ms左右的延迟,这是由于移动端的双击会缩放导致click判断延迟。所以引入了FastClick库,它是一个简单易用的库,消除了移动端浏览器上的物理点击和触发一个 click 事件之间的延迟。目的就是在不干扰你目前的逻辑的同时,让你的应用感觉不到延迟,反应更加灵敏。
但是在使用过程中,发现双击页面任何地方就会报错,就算不影响正常使用,我也看不惯,就要把它消灭掉。
于是百度了一下发现有一种十分简单的方法,引入全局样式touch-action: pan-y;
*{
touch-action: pan-y;
}
放在全局css里面试了一下果然怎么点击都不会报错惹 (*^▽^*)