移动端点击按钮为什么会有延迟反馈？
我在手机上做了一个按钮，点击后要切换状态，但总感觉点完要等一会儿才有反应，体验很差。我试过加 touch-action: manipulation，也用了 ontouchstart 代替 onclick，但还是有明显延迟。
这是我的关键代码：
<button ontouchstart="handleClick()" style="touch-action: manipulation;">点我</button>是不是哪里没处理对？安卓和 iOS 都有这个问题。
- 2
回答
69浏览
移动端点击按钮为什么会有延迟反馈？
我在做一个移动端的H5页面，发现点按钮的时候总感觉“卡一下”才触发点击事件，体验很不好。查了下说是300ms延迟的问题，但我不太确定是不是这个原因。 我试过直接用 click 事件，也试过引入 fas...
- 2
回答
97浏览
React移动端按钮点击总是有延迟怎么办？
我在用React开发移动端时，点击按钮总会延迟好几百毫秒才触发，试过加ontouchend和设置touch-action: none都没用，这是什么情况啊？ import { useState } f...
- 2
回答
69浏览
移动端点击延迟怎么解决？React里加了fastclick还是有卡顿
我在做移动端 React 项目时，发现按钮点击后有明显延迟，大概300ms左右。查资料说是因为浏览器要判断是不是双击缩放，所以加了 fastclick 库，但效果不明显，有些地方甚至更卡了。 下面是我...
- 1
回答
55浏览
点击按钮后视觉反馈延迟，怎么优化？
我在做表单提交按钮的加载状态反馈，但用户点击后 UI 要等几百毫秒才变，感觉卡卡的。明明 setState 是同步的啊？是不是哪里写错了？ 我试过把 loading 状态提前设为 true，但还是有明...
- 2
回答
81浏览
React中怎么在移动端实现点击按钮的触觉反馈？
我在做移动端的 React 应用，想给按钮加个触觉反馈（比如 iPhone 的轻微震动），但试了几次都没成功。查资料说可以用 navigator.vibrate，但不确定是不是所有手机都支持，而且在 ...
- 2
回答
52浏览
移动端点击为什么有300ms延迟？怎么解决？
我在用 Vue 做一个移动端的按钮，点下去总感觉卡一下才触发，查了下说是 300ms 延迟的问题。试过加 touch-action: manipulation，但好像没用，求问怎么彻底解决？ 这是我的...
- 2
回答
73浏览
移动端点击事件300ms延迟怎么彻底解决？
最近在做移动端适配时发现，页面按钮的点击事件有明显延迟，测试工具显示每次点击都有300ms左右的延迟。我尝试过引入FastClick库，但页面加载时控制台报错Cannot read propertie...
- 2
回答
105浏览
为什么我的Modal对话框在移动端无法点击关闭按钮？
我在开发移动端Modal组件时遇到怪问题，关闭按钮在PC端能正常点击，但手机上完全没反应。已经检查过z-index层级和pointer-events设置，代码是这样的： .modal-overlay ...
- 1
回答
85浏览
移动端H5点击事件在iOS Safari有延迟，怎么解决？
我在开发移动端H5页面时，发现iOS Safari上按钮点击总延迟半秒，安卓没问题。试过加user-select: none和用touchend事件，但滑动页面后点击还是卡顿，控制台也没报错，该怎么排...
- 2
回答
76浏览
移动端UI测试时，为什么Vue页面的按钮在真机上点击位置偏移？
在用Appium做移动端UI测试时发现，Vue页面里的一个按钮在真机上点击区域比显示位置偏右15px左右，但模拟器里完全正常。我尝试过检查CSS定位、调整padding和margin都没用，是不是移动...
移动端浏览器默认会等待 300ms 来判断你是单击还是双击，所以你会感觉有延迟。touch-action: manipulation 只是告诉浏览器"别等双击了"，但前提是你的 viewport 设置正确。
正确做法：
第一步，确保你的 head 里有这个 meta 标签：
第二步，事件绑定改成用 addEventListener，别用内联属性 ontouchstart，兼容性不好：
这样设置完，点击延迟基本就消失了。
如果还想更极致，用 pointer 事件可以同时兼容鼠标和触摸：
button.addEventListener('pointerdown', handleClick);
不过 click 配合正确的 viewport 就够用了，我现在项目里一直这么写，没问题。