data-bs-auto-close="false"会使下拉菜单完全禁用所有自动关闭逻辑，导致内部按钮、链接全部失活；真正实现“点击外部不关闭”需在特定子元素上使用e.stopPropagation()，而非全局禁用。
不能直接设置“点击外部不关闭”——data-bs-auto-close 只支持 "true"、"false" 和 "outside" 三种值，其中 "outside" 是唯一能实现“点外部关闭”的选项；你要的效果其实是“点外部也不关”，这得靠阻止事件传播或重写关闭逻辑，不是开关式配置。
为什么 data-bs-auto-close="false" 不是你想要的
data-bs-auto-close="false" 的实际行为是：下拉菜单一旦打开，就永远不响应任何点击（包括内部和外部），除非手动调用 dropdown.hide()。它不是“只保留内部点击有效”，而是彻底禁用所有自动关闭路径。很多开发者误以为这是“点外部不关”，结果发现连菜单里的按钮都点不动了。
- 它会同时屏蔽
.dropdown-menu内部所有 click 事件的冒泡，导致表单控件、链接、按钮全部失活 - 移动端 touchstart/touchend 事件也可能被拦截，造成点击无反馈
- 如果页面有多个下拉菜单，这个设置会全局影响当前实例，无法精细控制“哪些区域该关、哪些不该关”
真正可控的做法：只对特定区域 stopPropagation()
想让菜单在点击某块区域（比如搜索框、复选框列表、富文本编辑区）时不关闭，但其他地方仍正常关闭，就得在对应元素上加 e.stopPropagation()。关键是：只加在你明确要“留住菜单”的子元素上，别污染整个 .dropdown-menu。
- 错误写法：
$('.dropdown-menu').on('click', e => e.stopPropagation())—— 这会让整个菜单永不关闭 - 正确写法：
$('.dropdown-menu .keep-open-area').on('click', e => e.stopPropagation())，其中.keep-open-area是你定义的容器类名 - 注意：必须确保该元素是
.dropdown-menu的后代，且事件绑定时机在 Bootstrap 初始化之后（推荐放在shown.bs.dropdown回调里）
移动端点击外部失效的常见干扰项
iOS Safari 和部分安卓 WebView 中，“点外部”没反应，大概率不是 JS 问题，而是样式层挡住了 document 级 click 监听。
-
pointer-events: none被误加在父容器（如.navbar或某个div.overlay）上，导致点击穿透不到 document -
.dropdown-menu的z-index低于 header 或 toast，视觉上在上面，逻辑上被盖住——用开发者工具点选空白处，看选中的是不是别的元素 - 父级用了
transform或will-change，创建了新 stacking context，破坏了事件捕获路径
autoClose: 'outside' 必须用 JS 显式初始化才可靠
仅靠 HTML 属性 data-bs-auto-close="outside" 在复杂布局或动态插入的下拉菜单中经常失效，尤其在 SPA 或组件化框架里。Bootstrap 5+ 推荐用 JS 显式初始化，并传入配置对象。
- 初始化代码必须等 DOM 就绪后执行：
document.addEventListener('DOMContentLoaded', () => { ... }) - 不要重复初始化同一个元素，否则会绑定多次监听器，导致异常关闭或内存泄漏
- 若用 ID 精准控制，优先用
document.getElementById('myDropdown')而不是querySelectorAll('.dropdown')全量扫描
最易被忽略的一点：所有阻止传播的操作，都必须避开 .dropdown-toggle 和 .dropdown-item 这两类默认触发关闭的元素——它们的点击本意就是收起菜单，强行阻止会导致交互断裂。真正需要“留开”的，永远是自定义内容区，不是 Bootstrap 自带的交互节点。
