Bootstrap模态框中按Esc键为何不能自动关闭？
- 内容介绍
- 文章标签
- 相关推荐
本文共计736个文字，预计阅读时间需要3分钟。
相关专题
esc 键不关闭 bootstrap modal，不是 bug，是配置没生效或配置冲突。关键在 keyboard 和 backdrop 必须协同设置，且模态框元素必须有 tabindex。
为什么加了 keyboard: false 还能按 Esc 关闭？
常见原因是 HTML 中的 data-bs-backdrop 或 JS 初始化时的 backdrop 没同步设为 'static'。Bootstrap 5 的行为逻辑是：只要背景可点击（backdrop: true），哪怕 keyboard: false，用户点一下遮罩层就关了——这时你误以为“Esc 没禁掉”，其实是遮罩层抢在 ESC 前响应了关闭动作。
本文共计736个文字，预计阅读时间需要3分钟。
相关专题
esc 键不关闭 bootstrap modal，不是 bug，是配置没生效或配置冲突。关键在 keyboard 和 backdrop 必须协同设置，且模态框元素必须有 tabindex。
为什么加了 keyboard: false 还能按 Esc 关闭？
常见原因是 HTML 中的 data-bs-backdrop 或 JS 初始化时的 backdrop 没同步设为 'static'。Bootstrap 5 的行为逻辑是：只要背景可点击（backdrop: true），哪怕 keyboard: false，用户点一下遮罩层就关了——这时你误以为“Esc 没禁掉”，其实是遮罩层抢在 ESC 前响应了关闭动作。