按钮点击后怎么加个视觉反馈效果？
我做了一个提交按钮，用户点完没反应，想加个点击后的视觉反馈，比如颜色变一下或者加个 loading 动画，但不知道怎么实现才合理。
试过用 :active 伪类改背景色，但效果太短暂，用户根本注意不到。也试过在 JS 里手动加 class，但状态管理有点乱，有时候动画没结束就又点了。
.btn:active {
background-color: #6b7280;
transition: background-color 0.1s;
}- 2
回答
42浏览
移动端不同按钮触觉反馈强度怎么设置？iOS完全没反应
大家好，我在给电商App的加减按钮做触觉反馈时遇到问题。希望点击加号震动强一点，减号轻一点，但用Vibrate API在iOS上完全没反应... 我试过这样写代码：navigator.vibrate(...
- 1
回答
11浏览
移动端点击按钮为什么会有延迟反馈？
我在做一个移动端的H5页面，发现点按钮的时候总感觉“卡一下”才触发点击事件，体验很不好。查了下说是300ms延迟的问题，但我不太确定是不是这个原因。 我试过直接用 click 事件，也试过引入 fas...
- 2
回答
14浏览
移动端点击按钮后动画卡顿怎么办？
我在做一个移动端的点赞按钮，点击后想让它有个缩放动画，但在真机上测试时发现动画特别卡，尤其在低端安卓机上几乎掉帧。我试过用 transform 替代 width/height 变化，也加了 will-...
- 1
回答
29浏览
FloatButton悬浮按钮在移动端点击无效是怎么回事？
我用 Vue3 写了个 FloatButton 悬浮按钮，PC 上 hover 和点击都正常，但一到手机上点它完全没反应，连 click 事件都不触发。我试过加了 cursor: pointer 也没...
- 1
回答
26浏览
Cordova应用在Android设备上点击按钮无法触发JS事件怎么办？
我在React项目里用Cordova调用原生相机插件，但Android设备上点击按钮完全没反应。代码在浏览器测试没问题，真机日志也没报错，尝试过把事件绑定改成onClick和addEventListe...
- 2
回答
13浏览
Arco Popover点击按钮后内容不显示，该怎么排查？
我在用Arco的Popover组件给按钮加弹出提示，但点击按钮后气泡内容完全没反应。已经按文档设置了trigger为'click'，内容也写了，控制台也没报错，这是为什么呢？ 代码大概是这样写的： /...
- 2
回答
35浏览
点击按钮后引导说明层无法隐藏怎么办？
我在做表单引导功能时，给新手用户添加了引导说明层，但点击关闭按钮后样式没变化。按照文档写了个toggle类名的方法，检查了代码也没发现语法错误，但就是不生效： document.querySelect...
- 1
回答
27浏览
加载状态重试按钮样式错乱怎么解决？
在实现带加载状态的重试按钮时，点击触发加载动画后文字位置突然偏移，怎么调整才能保持布局稳定？ 我用绝对定位包裹加载图标，但文字和图标会重叠，尝试过这样写CSS： .retry-btn { positi...
- 2
回答
34浏览
React按钮点击响应慢，FID分数总是在100ms以上怎么办？
我在开发一个React应用时遇到了FID（最大内容绘制）分数总是卡在100ms以上的问题。用户点击按钮后延迟特别明显，尤其是在移动端。我尝试给处理函数加了async，还用了setTimeout延迟非关...
- 1
回答
33浏览
移动端按钮快速点击穿透怎么解决？防抖加disabled都没用
移动端项目里有个提交按钮，用户快速点击时会出现多次请求。我给按钮加了disabled状态，同时用了防抖函数： function handleClick() { this.disabled = true...
直接上代码：
关键点：点击后立刻
disabled = true锁住按钮，动画结束再解锁。这样状态管理就不会乱，用户也不会疯狂点击。