应监听shown.bs.modal事件并配合settimeout(10ms)手动聚焦目标元素，确保dom渲染完成且元素可聚焦；bootstrap 5推荐原生js写法，注意enforcefocus配置影响tab导航。
Modal打开后焦点没落到目标元素上，怎么办？
Bootstrap的modal默认只把焦点设在模态框自身（tabindex="-1"的容器），不会自动聚焦到内部某个输入框或按钮。想让input#search-input或button#confirm-btn一打开就获得焦点，必须手动干预。
关键点在于：不能在show.bs.modal事件里直接调用.focus()——此时DOM可能还没完全渲染完毕，尤其在使用fade动画时，元素还处于opacity: 0且visibility: hidden状态，.focus()会静默失败。
- 优先监听
shown.bs.modal事件（不是show），它保证模态框已渲染完成、可见且可交互 - 目标元素必须是可聚焦的：有
tabindex、非disabled、非display: none或visibility: hidden - 如果目标是
input，确保它没被autofocus属性干扰（多个autofocus会导致行为不可控）
用shown.bs.modal + setTimeout保险聚焦
即使监听了shown.bs.modal，某些场景下（如模态框内含动态加载内容、Vue/React组件异步挂载）仍可能因渲染延迟导致.focus()失效。加一层setTimeout是最简单可靠的兜底方案。
Wjs Uploading Video
下载
将一个或多个视频上传至YouTube。当用户想“上传到YouTube”“发YouTube”“批量上传”“upload to YouTube”“post videos to YouTube”或发布到YouTube时使用此技能。
$('#myModal').on('shown.bs.modal', function () {
setTimeout(() => {
const target = document.querySelector('#search-input');
if (target && typeof target.focus === 'function') {
target.focus();
}
}, 10);
});
-
setTimeout延迟10ms足够让浏览器完成一次重排（reflow），避开渲染队列竞争 - 务必检查
target存在且focus方法可用，避免控制台报Cannot read property 'focus' of null - 不要用
0延迟——在部分Chrome版本中，setTimeout(fn, 0)可能比shown事件回调更早执行
原生JS写法（不依赖jQuery）
Bootstrap 5已弃用jQuery，纯JS方式更通用。注意事件名从shown.bs.modal变为shown.bs.modal（命名一致），但绑定方式不同：
const myModal = document.getElementById('myModal');
myModal.addEventListener('shown.bs.modal', function () {
setTimeout(() => {
const input = myModal.querySelector('#search-input');
if (input) input.focus();
}, 10);
});
-
document.getElementById获取模态框实例，再用querySelector限定在模态框内查找，避免全局冲突 - Bootstrap 5中
modal实例可通过bootstrap.Modal.getOrCreateInstance(el)获取，但聚焦操作无需实例，直接DOM操作更轻量 - 若模态框由
data-bs-toggle="modal"触发，确保shown事件监听在DOMContentLoaded之后注册
聚焦后按Tab键跳不出模态框？检查enforceFocus
Bootstrap默认启用enforceFocus（强制焦点留在模态框内），这会导致用户按Tab时焦点在模态框内循环，无法离开。如果你希望用户能正常移出模态框（比如调试时需切换到控制台），可关闭它：
const modal = new bootstrap.Modal(document.getElementById('myModal'), {
enforceFocus: false
});
-
enforceFocus: false仅影响Tab导航逻辑，不影响.focus()调用本身 - 生产环境一般保留
true，防止键盘用户迷失在页面其他区域 - 若关闭后发现ESC无法关闭模态框，检查是否同时禁用了
keyboard选项（默认为true）
真正麻烦的是异步内容加载——比如模态框里用fetch拉取表单后再聚焦，这时得把focus()逻辑挪到数据渲染完成后的回调里，而不是依赖shown事件。这点容易被忽略。
