Modal 背景点击默认关闭，设 backdrop: false 后 backdrop 元素不渲染，需监听 .modal 容器并判断 e.target === this 来捕获背景点击；backdrop: "static" 时仍可监听 .modal，更稳定可靠。
Modal 背景点击默认会关闭，但 backdrop 设为 false 后事件不触发
Bootstrap 的 Modal 默认点击背景（backdrop）会触发关闭，这是由 data-bs-backdrop="true" 和内部事件监听共同控制的。一旦你手动设 backdrop: false（或 data-bs-backdrop="false"），整个 backdrop 元素根本不会被渲染，自然也就没有点击目标——所以监听 click 到 .modal-backdrop 会失败。
真正可监听的，是 Modal 自身容器（.modal）的点击事件，但要注意冒泡路径和目标判断：
-
event.target是.modal-dialog或其子元素 → 属于模态框内容区，不应响应 -
event.target是.modal本身（即背景蒙层区域）→ 才是你想捕获的“背景点击”
用原生 click 监听 .modal 容器并过滤内容区
不需要依赖 Bootstrap 的 hide.bs.modal 钩子，直接监听容器更可控。关键在准确区分点击是否落在“可关闭区域”：
const myModal = document.getElementById('myModal');
myModal.addEventListener('click', function (e) {
// 只有点击发生在 .modal 本身（非 .modal-dialog 及其后代）才处理
if (e.target === this) {
console.log('用户点击了模态框背景，准备执行自定义逻辑');
// 这里写你的业务：比如统计、确认弹窗、阻止关闭等
// 注意：此时 Modal 不会自动关闭，需手动调用 hide()
}
});
这个方案兼容 Bootstrap 5.x，且不干扰默认关闭逻辑（如果你仍希望点击后关闭，就在 if 块内加 new bootstrap.Modal(myModal).hide()）。
backdrop: "static" 下无法通过点击关闭，但背景点击事件仍可监听
设 backdrop: "static" 时，Backdrop 保留但移除了默认关闭行为。此时 .modal-backdrop 元素存在，可以监听它的 click，但更推荐统一监听 .modal 容器，理由如下：
-
.modal-backdrop是动态插入/移除的，监听需在 Modal show 后绑定，容易漏掉 -
.modal生命周期稳定，事件委托更可靠 - 移动端点击穿透或
pointer-events干扰下，.modal-backdrop点击可能不触发，而.modal更健壮
避免重复绑定和内存泄漏
Modal 可能被反复 show()/hide()，如果每次都在 shown.bs.modal 中重新 addEventListener，旧监听器不会自动清除：
- 用
once: true适合只响应一次的场景（如首次展示埋点） - 长期监听请确保只绑定一次：检查是否已有监听器，或在
hidden.bs.modal中removeEventListener - 若 Modal 是动态创建的（如 JS 插入 DOM），务必在销毁前清理事件，否则造成内存泄漏
最简实践：把监听器写在 Modal 初始化之后、首次 show() 之前，且只执行一次。
