移动端 touch 事件延迟怎么解决？
我在做移动端页面时，发现点击按钮有明显延迟，大概300ms左右，用户体验很差。查了下说是浏览器默认的双击缩放导致的。
试过加 user-scalable=no 到 viewport，但 Safari 好像不认这个了。也试过用 touchstart 代替 click，但这样又没法处理长按和滑动冲突的问题。
有没有靠谱的方案既能消除延迟，又不影响其他手势操作？比如像 FastClick 那种，但现在是不是有更好的原生方法？
- 2
回答
23浏览
移动端 touch 事件延迟怎么解决？
我在做移动端的按钮点击功能，发现用 click 事件会有明显延迟，大概300ms左右，用户体验很差。听说要用 touch 事件来优化，但我试了 touchstart 又会触发多次，还和滚动冲突。 有没...
- 1
回答
5浏览
TouchMove 事件中 preventDefault 无效是怎么回事？
我在做一个移动端的滑动删除功能，监听了 touchmove 事件，想阻止页面滚动，但调用 e.preventDefault() 完全没用，页面还是跟着手指上下滚。我试过在 touchstart 里也加...
- 1
回答
20浏览
为什么touchstart事件在移动端触发后无法阻止默认行为？
我在移动端开发时给按钮绑定了touchstart事件，想要阻止页面滑动的默认行为。代码是这样写的： element.addEventListener('touchstart', (...
- 2
回答
223浏览
React中touchend事件在移动端为什么没触发？
我在用React写移动端滑动删除功能时遇到问题，给元素绑定了touchstart和touchend事件，但结束触摸时事件没反应。手指离开屏幕后控制台只打印了touchstart，touchend完全没...
- 2
回答
116浏览
移动端触摸事件有300ms延迟怎么解决？
我正在给移动端网页加点击反馈，发现用ontouchend事件触发按钮高亮时，总要等半秒才生效。试过设置-webkit-tap-highlight-color透明也没用，代码如下： element.on...
- 1
回答
156浏览
移动端Touch滑动事件为什么会触发两次点击？
我在移动端用touch事件实现滑动删除功能时，发现快速滑动后总会触发两次click事件，导致逻辑混乱。代码里绑定了touchstart和touchend，还加了防抖处理，但问题依旧： let star...
- 1
回答
74浏览
为什么移动端TouchEnd事件在快速滑动后不触发？
在移动端做卡片滑动交互时，发现当快速滑动手指离开屏幕后，TouchEnd事件偶尔不触发，导致卡片位置没及时更新。代码已经绑定了TouchEvent，但测试时发现： 尝试给卡片加了CSS过渡效果后问题更...
- 2
回答
63浏览
移动端Touch事件在快速滑动时会丢失触发？
在移动端开发图片轮播时，我给图片容器绑定了touchstart和touchend事件，通过计算偏移量切换图片。但用户快速滑动时经常无法触发切换，有时候事件直接没反应。我试过改用touchmove但频繁...
- 2
回答
26浏览
changedTouches为什么包含多个触点时无法正确跟踪触摸移动？
我在移动端用touchmove事件处理多点触控时发现，当changedTouches里有多个触点时，怎么都拿不到某个特定触点的移动轨迹？比如用类似这样设置的圆点元素： .touch-point { p...
- 2
回答
73浏览
为什么我的Vue组件绑定的touchstart事件在移动端没反应？
我在用Vue开发移动端页面时，给按钮绑定了touchstart事件，但用手机测试完全没反应。换成click事件又能正常触发，这是为什么呢？ 代码是这样写的： <template> <...
1. 原生方案是用标签禁用双击缩放：
但你说得对，Safari现在会忽略user-scalable=no，所以不全靠谱。
2. 更好的原生方法是CSS touch-action属性，这货是专为解决这个问题设计的：
这个告诉浏览器这个元素只需要轻触操作，不用等双击判断，兼容性还不错。
3. 如果非要更老的浏览器支持，可以用FastClick的polyfill方案，但现代浏览器没必要了，性能上反而增加开销。
个人建议直接用CSS方案，简单高效。如果遇到特别老的安卓机再考虑polyfill。别用touchstart代替click，会引发一堆手势冲突的坑，我当年就被这坑惨了。