交互模式 · 容错
二次确认
Confirmation Dialog
也叫:确认弹窗、确认框、Confirm
执行删除、支付等无法恢复的操作前,先弹出对话框让用户再确认一次,防止误操作。
详细解释
二次确认用在「做错了代价很大」的地方:删除数据、清空内容、放弃未保存的编辑、付款、注销账号。点击后弹出对话框,写清楚会发生什么(「删除后无法恢复,项目中的 12 个文件也会一起删除」),再给出「取消」和「删除」两个按钮。
几个细节:确认按钮写具体动作(「删除」而不是「确定」);危险按钮用醒目的样式区分;特别严重的操作(删库、注销)可以要求输入名称后才能确认。轻量的确认也可以用气泡卡片,不用整页遮罩。
不要滥用:每个小操作都要确认,用户会习惯性点「确定」,确认就失去了意义。可以恢复的操作优先用撤销。
开发者信息术语 ID、DOM 线索、识别优先级
- 术语 ID
interaction-confirm-dialog- DOM 选择器
- 没有 DOM 线索,这个概念不在页面上直接识别。
- 优先级
- 1 · 同一层有多条命中时,优先级高的胜出
- 版本
- v1 · 更新于 2026/09/29