应使用shown.bs.modal事件配合focus()方法手动聚焦目标元素，确保Modal完全渲染后再执行，避免DOM未就绪或元素不可聚焦导致失败，同时注意禁用tabindex="-1"干扰。
Modal打开后焦点没落到目标元素上怎么办
Bootstrap的Modal默认只把焦点设在关闭按钮（data-bs-dismiss="modal"）或第一个可聚焦元素上，不会自动跳到你指定的输入框、下拉框等区域。想让show时立刻聚焦到#search-input或.form-control，得手动干预。
用shown.bs.modal事件+focus()最可靠
Modal完全渲染并显示后才适合调用focus()，否则元素可能还没挂载或被display: none挡住。Bootstrap提供了shown.bs.modal这个事件，比show.bs.modal更稳妥。
- 确保目标元素存在且可聚焦：不能是
disabled、hidden，最好有tabindex="0"或原生可聚焦属性（如input、textarea） - 避免在
show方法调用后立即.focus()——此时DOM还没更新，会报Cannot read property 'focus' of null - 示例：
const myModal = document.getElementById('myModal'); myModal.addEventListener('shown.bs.modal', () => { document.getElementById('search-input').focus(); });
如果Modal里有动态加载内容，得等内容就绪再聚焦
比如Modal通过AJAX加载表单，或者用Vue/React渲染子组件，shown.bs.modal触发时DOM可能还是空的。这时要加一层等待逻辑。
- 用
MutationObserver监听目标元素出现，或在异步加载完成回调里调用focus() - 简单场景可用
setTimeout兜底（不推荐但有效）：myModal.addEventListener('shown.bs.modal', () => { setTimeout(() => { const el = document.querySelector('.dynamic-input'); if (el) el.focus(); }, 100); }); - 注意：若目标元素是
select或contenteditable，部分浏览器需额外触发click()才能激活下拉菜单或光标
禁用Bootstrap默认焦点管理（慎用）
Bootstrap内部用enforceFocus防止焦点跳出Modal，同时控制初始焦点位置。强行关掉它可能影响键盘导航体验，只在特殊需求下考虑。
- 初始化时传
{ focus: false }：new bootstrap.Modal(myModal, { focus: false }); - 之后必须自己保证焦点逻辑完整，否则按
Tab可能跳到页面其他地方，违反无障碍规范 - 不建议全局禁用，优先走事件监听+手动聚焦的路径
真正容易被忽略的是：Modal内多个tabindex="-1"元素会干扰自动聚焦顺序，检查是否误加了这个属性——它会让元素无法被focus()选中。
