跳到主要内容
前端术语库

撤销

Undo

交互模式也叫:撤回、Ctrl+Z、后悔药

一句话:让用户把刚做的操作恢复回去,比如删除后在提示条里点「撤销」,或按 Ctrl+Z 回退编辑。

详细解释

撤销有两种常见形式。一种是操作后的「撤销」按钮:删除邮件、归档任务后,底部弹出轻提示「已删除,撤销」,几秒内点撤销就能恢复。另一种是编辑器里的历史记录:按 Ctrl+Z(Mac 上是 Cmd+Z)一步步回退,Ctrl+Shift+Z 重做。

「删除 + 撤销」和「二次确认」是处理危险操作的两种思路。撤销不打断用户,操作更流畅,适合可以恢复的操作;二次确认会打断用户,适合无法恢复的操作。能做撤销时,优先考虑撤销。

实现上,删除后通常不马上真的删,而是先在界面上隐藏,等提示条消失后再调接口,或者后端做成软删除。

示例

灰度线框示意,只表达结构,不代表具体视觉风格。

怎么跟 AI 说

可以直接贴给 Cursor、Claude Code 等工具,把里面的业务内容换成你自己的。

任务列表删除时不要弹确认框:点击删除后该任务立即从列表消失,底部弹出轻提示「已删除 1 个任务」和「撤销」按钮,5 秒内点撤销就恢复到原位置;5 秒后提示消失,再调用删除接口。