按下
Active
初级通用按下（Active）是控件被鼠标按住时出现的短暂交互状态，通常在松开后结束。它让你知道按压已被界面接收，例如按钮在按住时颜色变深，而不是等操作完成后才有反馈。
你可能会说：「我想让按钮在鼠标按住的那一瞬间有反馈，松开后恢复原样。」
动手看看通知设置的保存按钮
通知设置每周汇总邮件 · 每周一发送
保存更改
按下时的颜色
把鼠标移到「保存更改」上，按住别松开，再松开试试。颜色变深、按钮轻微缩小，只表示界面接收了按压，不代表设置已经保存。
按下反馈只在鼠标按住期间出现；松开后按钮恢复原样。用 Tab 聚焦时看到的外圈是焦点提示，不是按下状态。
要点按下状态在交互中起什么作用？
- 1
反馈发生在按住期间
你按住后台的“保存”按钮时，按钮可以暂时变深或略微下沉，让你知道界面接收到了这次按压。松开后，这个外观就结束；保存是否成功，还要看后续结果。
- 2
它不等于操作已经完成
鼠标按下只是一次点击过程的开头。比如你按住“删除”，又把指针移开再松手，操作未必会触发。所以我们用按下状态反馈手势，不能靠它表示“已删除”。
- 3
可以用样式实现即时变化
做网页时，你可以让 AI 给按钮加按下时的样式，例如颜色变深，再在松开后恢复。这样反馈跟着交互走，不用额外维护一个“按钮正被按住”的业务状态。
容易混淆的地方
悬停是指针移到控件上，还没按；按下是正在按住，通常更短。聚焦表示控件正在接收键盘操作，松开鼠标后也可能保留。按下也不等于“已选中”：如果你想让筛选项在点击后持续高亮，需要记录选中状态，而不是只做按下效果。
什么时候用
适合用
- 网站的提交按钮被按住时，短暂改变颜色，让用户在操作结果出现前就感到按压有反馈。
- AI 工具的“停止生成”按钮需要按压反馈，让用户知道鼠标操作已被界面接收。
- 后台工具栏里有多个紧挨着的操作按钮，用短暂按下效果帮助用户确认自己按到了哪个。
不适合用
- 筛选标签点选后要一直保持高亮时，用选中状态；按下状态会随按压结束而消失。
- 保存请求已经发出、正在等待服务器响应时，用加载状态；按下状态不能表示请求仍在进行。
- 页面需要告诉用户“保存成功”或“保存失败”时，用结果提示；按下效果无法说明最终结果。
练一练选一个答案，看看解释
你正在做一个后台的“导出报表”按钮：鼠标按住时要有即时反馈，松开后恢复；导出请求可能还会运行几秒。该怎么设计？
让 AI 帮你做复制给 AI Agent 直接用
请给“导出报表”按钮添加按下（Active）状态：鼠标按住时颜色略微变深，松开后恢复。它只反馈按压，不代表导出完成；请求发出后的等待过程请沿用现有加载状态。