- 当前状态
- 未读
- 负责人
- 未分配
- 最近动作
- —
打开菜单选一个动作，这张工单卡的状态、负责人、最近动作会一起变——结果长在物件上。
界面与交互 · 操作与输入
下拉菜单Dropdown
由触发按钮展开、承载一组相关动作；高亮移动 ≠ 选中，Enter 才执行，结果立即长在物件上。
打开动作菜单：选一个动作，结果立刻长在工单上
下拉菜单把一组相关动作收进触发器。亲手打开、用键盘移动高亮、Enter 执行，看工单卡怎样即时变；破坏性动作还要再过一道确认。
第 0 步：这是「工单行」的操作菜单。点「操作」（或用 Enter / 方向键）打开， 用 ↑↓ 移动高亮、Enter 执行、Esc 收起；试试禁用项「暂停跟进」和破坏性「关闭工单」。
对照：工单当前未读、负责人为空，菜单未打开。原因：dropdown 把一组相关动作收进触发器，平时只看到当前状态。下一步：点「操作」或用 Enter / 方向键打开菜单。
危险动作「关闭工单」需二次确认；禁用项点击会给原因。
面板教会的知识点
把刚才操作里看到的现象命名为七条规则。
- 触发器 + 弹出列表：平时只看到「操作」按钮，打开后才展开动作集合，节省工单行空间。
- 高亮 ≠ 选中：↑↓ 只移动焦点（active 项），Enter / 点击才真正执行——这是 dropdown 最容易写错的地方。
- 执行即结果：选「标记已读」「分配给我」后工单卡的状态、负责人立刻变，不需要再点「保存」。
- 禁用项保留原因：「暂停跟进」灰掉但仍显示，并标注「已是暂停状态」，不让用户猜菜单是不是坏了。
- 破坏性二次确认：「关闭工单」不会一键完成，弹确认条挡一道，确认后才真正执行。
- 关闭路径一致：Esc、点外部、选一个普通动作都会收起菜单，焦点回到触发器。
- 选动作 ≠ 选值：dropdown 选的是「做什么」，执行后菜单就完成使命；选「是什么值」请用选择器。
什么时候用下拉菜单
从动作数量、空间和频率判断，而不是看控件长什么样。
同一物件上有 3–6 个相关动作、空间有限、非高频——工单行操作、卡片更多操作、行内编辑。
最常用动作（加购、提交）要提为主按钮；选项互斥要选「值」时用选择器；动作超过 8 个或需搜索时改命令面板。
怎么用：从触发器到焦点恢复
最短路径——触发器、菜单、键盘、确认和焦点一次到位。
- 触发器写清范围（「操作」「更多」），打开后菜单项按可预测顺序排列，危险动作靠后。
- roving tabindex 让焦点在菜单项间移动；↑↓ 跳过禁用项，Home/End 到首尾，Enter / Space 执行。
- 普通动作执行后立即反馈在物件上并收起菜单；破坏性动作先进确认条，确认才生效。
- 关闭路径统一：Esc、点外部、Tab 离开都收起菜单，焦点回到触发器，不丢上下文。
正反例：同一个「工单行 4 个动作」需求
只改一个关键判断——是否把次要动作收进触发器。
4 个动作收进「操作 ⌄」下拉：标记已读、分配给我、暂停跟进（禁用并说明）、关闭工单（确认）。工单行干净，动作可达。
把 4 个按钮全铺在工单行上：每行高度翻倍、列表可视条目减半，危险动作还容易误点；应改回下拉收纳。
快速自测
商品卡上「加入购物车」最常用，另外还有 5 个次级动作（收藏、分享、比价、找相似、举报）。最好的做法是？
继续查证
术语的技术定义和行为以这些一手或权威资料为准。
下一步学
和本知识点经常一起出现的概念。