跳到主要内容

交互模式 · 容错

二次确认

Confirmation Dialog

也叫:确认弹窗、确认框、Confirm

执行删除、支付等无法恢复的操作前,先弹出对话框让用户再确认一次,防止误操作。

示例

详细解释

二次确认用在「做错了代价很大」的地方:删除数据、清空内容、放弃未保存的编辑、付款、注销账号。点击后弹出对话框,写清楚会发生什么(「删除后无法恢复,项目中的 12 个文件也会一起删除」),再给出「取消」和「删除」两个按钮。

几个细节:确认按钮写具体动作(「删除」而不是「确定」);危险按钮用醒目的样式区分;特别严重的操作(删库、注销)可以要求输入名称后才能确认。轻量的确认也可以用气泡卡片,不用整页遮罩。

不要滥用:每个小操作都要确认,用户会习惯性点「确定」,确认就失去了意义。可以恢复的操作优先用撤销。

开发者信息
术语 ID
interaction-confirm-dialog
DOM 选择器
没有 DOM 线索,这个概念不在页面上直接识别。
优先级
1 · 同一层有多条命中时,优先级高的胜出
版本
v1 · 更新于 2026/09/29