聚焦
Focus
初级通用聚焦（Focus）是页面中某个控件正在接收键盘输入的状态，通常由鼠标点击或键盘切换触发。它让你知道打字和按键会作用在哪里；比如点击搜索框后，输入的文字会进入搜索框。
你可能会说：「我想让用户点进搜索框后能直接打字，按 Tab 也能看出现在轮到哪个控件。」
动手看看知识库搜索框聚焦
搜索 MindSet 知识库
搜索设计术语
搜索
试试点击搜索框，或按 Tab 在两个控件间切换。
焦点标识
点击搜索框，或按 Tab 将焦点移过去；再按 Tab，观察焦点标识移到搜索按钮。它指出当前键盘操作会作用在哪个控件上。
清晰的外圈不占用控件内部空间，用键盘一路切换时，也容易跟上焦点的位置。
要点聚焦是怎么发生的，又会影响什么？
- 1
点击和键盘都能改变焦点
你点击输入框，它通常会获得焦点；按 Tab，也可以在可聚焦的控件之间移动。焦点同一时间通常只在一个位置，所以打字前先看焦点在哪，才能判断文字会进入哪个输入框。
- 2
焦点决定按键交给谁处理
搜索框获得焦点时，你输入的字符会进入搜索框；按钮获得焦点时，按 Enter 或空格可能触发按钮。做快捷键功能时也要考虑焦点，否则用户正在打字，按键却被页面拿去执行命令。
- 3
可见提示帮助用户跟上操作
焦点不只影响程序接收按键，也需要让用户看得见。比如用边框或轮廓标出当前按钮，键盘用户才知道按 Tab 后到了哪里。你可以调整提示的样式，但别让它消失到难以辨认。
容易混淆的地方
聚焦不是悬停：鼠标停在按钮上可以触发悬停效果，但键盘输入不一定交给它。聚焦也不是按下：按钮被点击时会短暂处于按下状态，松开后仍可能保留焦点。输入框里选中一段文字，则是选中了内容，不等于焦点本身。
什么时候用
适合用
- 做网站搜索框或后台表单时，用聚焦说明用户点击字段后文字该输入到哪里，以及怎样显示当前字段。
- 做可用键盘操作的弹窗时，用聚焦规划打开后从哪个控件开始，以及用户按 Tab 时如何继续操作。
- 做 AI 工具的全局快捷键时，先判断输入框是否聚焦，避免用户打字时误触发页面命令。
不适合用
- 只是想让鼠标经过卡片时显示操作入口，用悬停描述这个效果；这里不涉及键盘输入落在哪里。
- 只是想标明列表中哪些文件已被用户勾选，用选中状态；这些文件不一定需要逐个获得焦点。
练一练选一个答案，看看解释
你在做一个带全局快捷键的网站。用户点击搜索框后输入字母 K，却打开了命令面板。怎样描述要修的焦点问题最准确？
让 AI 帮你做复制给 AI Agent 直接用
请检查搜索框和全局快捷键的焦点处理：搜索框聚焦时，普通字符应进入输入框，不触发命令面板；用户按 Tab 切换控件时，要能看见当前焦点。说明你改了哪些事件处理和焦点样式，并验证鼠标与键盘操作。