移动端 touch 事件延迟怎么解决？
我在做移动端页面时，发现点击按钮有明显延迟，大概300ms左右，用户体验很差。查了下说是浏览器默认的双击缩放导致的。
试过加 user-scalable=no 到 viewport，但 Safari 好像不认这个了。也试过用 touchstart 代替 click，但这样又没法处理长按和滑动冲突的问题。
有没有靠谱的方案既能消除延迟，又不影响其他手势操作？比如像 FastClick 那种，但现在是不是有更好的原生方法？
- 1
回答
85浏览
移动端 touchend 事件怎么阻止冒泡才有效？
我在做移动端的一个滑动删除功能，父容器和子元素都绑定了 touchend 事件，点击子元素时父级也会触发，试了 stopPropagation() 却没用，是不是写法有问题？ element.addE...
- 1
回答
54浏览
移动端手势滑动时 touchmove 事件不触发怎么办？
我在做一个移动端的滑动组件，监听了 touchstart 和 touchmove 事件，但发现有时候手指滑动了，touchmove 根本没触发，只触发了 touchstart 和 touchend。我...
- 1
回答
75浏览
touchmove 事件在移动端怎么阻止默认滚动？
我在做一个移动端的滑动组件，绑定了 touchmove 事件，但页面还是会跟着上下滚动，体验很糟。 试过在回调里加 e.preventDefault()，但有时候没效果，尤其是在 iOS Safari...
- 2
回答
65浏览
移动端 touch 事件延迟怎么解决？
我在做移动端的按钮点击功能，发现用 click 事件会有明显延迟，大概300ms左右，用户体验很差。听说要用 touch 事件来优化，但我试了 touchstart 又会触发多次，还和滚动冲突。 有没...
- 1
回答
76浏览
touchmove 事件在移动端为什么有时候不触发？
我正在做一个移动端的滑动组件，监听了 touchmove 事件，但在某些安卓机上滑着滑着就突然不触发了，特别奇怪。试过 preventDefault 也没用，不知道是不是被浏览器默认行为干扰了？ 这是...
- 1
回答
71浏览
移动端 touchend 事件怎么阻止冒泡？
我在做一个滑动删除功能，给列表项绑定了 touchend 事件，但点击后事件总是冒泡到父容器，导致触发了父级的点击逻辑。 试过在回调里加 e.stopPropagation()，但好像没用，是不是移动...
- 1
回答
44浏览
TouchMove 事件中 preventDefault 无效是怎么回事？
我在做一个移动端的滑动删除功能，监听了 touchmove 事件，想阻止页面滚动，但调用 e.preventDefault() 完全没用，页面还是跟着手指上下滚。我试过在 touchstart 里也加...
- 2
回答
62浏览
为什么touchstart事件在移动端触发后无法阻止默认行为？
我在移动端开发时给按钮绑定了touchstart事件，想要阻止页面滑动的默认行为。代码是这样写的： element.addEventListener('touchstart', (...
- 2
回答
259浏览
React中touchend事件在移动端为什么没触发？
我在用React写移动端滑动删除功能时遇到问题，给元素绑定了touchstart和touchend事件，但结束触摸时事件没反应。手指离开屏幕后控制台只打印了touchstart，touchend完全没...
- 2
回答
185浏览
移动端触摸事件有300ms延迟怎么解决？
我正在给移动端网页加点击反馈，发现用ontouchend事件触发按钮高亮时，总要等半秒才生效。试过设置-webkit-tap-highlight-color透明也没用，代码如下： element.on...
在 CSS 里加
touch-action: manipulation，或者用touch-action: manipulation配合pointer-events事件处理。现在浏览器基本都支持这个，比 FastClick 简洁多了。viewport 里那个 meta 标签现在确实不太管用了，
touch-action是 W3C 标准，Safari Chrome 都认。唯一要注意的是别和其他手势冲突，如果你的页面有滚动/缩放需求，那就得精细化控制覆盖范围了。1. 原生方案是用标签禁用双击缩放：
但你说得对，Safari现在会忽略user-scalable=no，所以不全靠谱。
2. 更好的原生方法是CSS touch-action属性，这货是专为解决这个问题设计的：
这个告诉浏览器这个元素只需要轻触操作，不用等双击判断，兼容性还不错。
3. 如果非要更老的浏览器支持，可以用FastClick的polyfill方案，但现代浏览器没必要了，性能上反而增加开销。
个人建议直接用CSS方案，简单高效。如果遇到特别老的安卓机再考虑polyfill。别用touchstart代替click，会引发一堆手势冲突的坑，我当年就被这坑惨了。