Modal dialog 模态对话框
/MOH-dul DY-uh-log/ · noun · 浮层类模式 · #059
把全世界调暗、逼你先回答的窗口。强力而无礼——只花在真正卡住流程的决定上。
别名：弹窗、对话框、确认对话框。
你可能会这样叫它
- “弹窗”
- “确认弹框”
- “屏幕中间带确定和取消的框”
- “把背景变暗的弹出框”
- ““你确定吗”提示框”
……它的名字是 模态对话框（Modal dialog）。
常见问题
弹窗和对话框的区别是什么？
日常说的「弹窗」多指模态对话框（Modal dialog）：把页面调暗、要求先回应才能继续。「对话框」是统称——能点旁边空白直接关掉的，更接近非模态对话框或气泡浮层。
确认弹窗英文怎么说？
一般叫 confirmation dialog（确认对话框），也叫 confirmation modal。它是模态对话框的一种：压暗页面，问一句“确定要删除这个文件吗？”，再给一个“取消”和一个写明动作的按钮（比如“删除”）。网页上最简单的是浏览器自带的 confirm()；在 iPhone 上，SwiftUI 的 .confirmationDialog() 会把选项显示成操作面板（Action sheet）。
代码里叫什么
| SwiftUI | .alert() .sheet() |
|---|---|
| UIKit | UIAlertController present(_:animated:) |
| Jetpack Compose | AlertDialog Dialog |
| Android (Views) | MaterialAlertDialogBuilder DialogFragment |
| Flutter | showDialog() AlertDialog |
| Web (HTML / ARIA) | <dialog> showModal() aria-modal="true" |
复制给 AI 编程工具
为这个决定加一个模态对话框：在压暗的背景上居中显示，包含简短标题、一两句说明和两个按钮——安全的选项（取消）和执行操作的按钮，按钮文字直接写动作（例如“删除文件”）。打开期间背后的页面不能操作；焦点进入对话框并保持在里面，按 Esc 等于取消，关闭后焦点回到打开它的按钮。网页上用 <dialog> 配合 showModal()。