track元素无默认交互行为，不响应点击且无需preventDefault()；其default属性仅是提示，字幕显示需JS监听loadedmetadata后设mode为showing，并检查readyState和mode状态。
track 元素本身没有默认跳转行为，它不会触发页面导航、不响应点击、也不产生任何用户交互式“默认行为”。你看到的“需要阻止默认行为”，大概率是混淆了 a 标签或误以为 track 会自动启用字幕。
真正要处理的，不是“阻止 track 的默认行为”，而是控制字幕是否显示、何时显示、对谁显示——这全靠浏览器策略和 JS 主动干预。
track 根本不响应 click，所以不用 preventDefault()
-
track是一个元数据声明标签，不是可交互元素； - 它没有 onclick、不冒泡事件、不能 focus、无法被右键“另存为”；
- 即使你给它加
onclick="console.log(1)"，也永远不会执行； - 所以：不需要、也不能用
event.preventDefault()去“阻止”它。
真正容易误解的“默认行为”其实是字幕自动开启
你以为写了 default 就该出字幕？其实：
-
default属性只是个初始提示信号，不是开关； - 浏览器是否启用它，取决于：
- 用户是否首次访问（没点过字幕菜单）
-
srclang是否匹配navigator.languages - 同一
video中是否只有一个default - VTT 文件是否返回
200+Content-Type: text/vtt - 是否已触发
loadedmetadata事件
常见现象：加了 default，但右键字幕菜单里没勾选、字幕也不显示——这不是 bug，是浏览器按规范没启用它。
立即学习“前端免费学习笔记（深入）”；
想“强制默认显示中文字幕”？得用 JS 显式设 mode
不能靠 HTML 属性，必须等轨道加载完成后再操作：
video.addEventListener('loadedmetadata', () => {
const zhTrack = Array.from(video.textTracks).find(
t => t.kind === 'subtitles' && t.srclang === 'zh'
);
if (zhTrack && zhTrack.readyState === 2) {
zhTrack.mode = 'showing';
}
});注意三点：
- 必须等
loadedmetadata，否则video.textTracks是空的； - 必须检查
readyState === 2（TextTrack.LOADED），否则设mode = 'showing'无效； - 设之前先确认
t.mode !== 'disabled'，否则静默失败。
Safari 私密模式下 track 可能直接不解析
这是最隐蔽的坑：Safari 在无痕窗口中，会跳过整个 track 节点解析（连 DOM 都不生成），导致：
video.textTracks.length === 0- 控制台无报错、Network 不发请求、字幕菜单空白
解决方法只有两个：
- 提醒用户关闭无痕模式（不现实）；
- 改用 JS 动态加载字幕并渲染到 canvas 或 div 上（绕过原生 track）。
真正的可控性，不在 HTML 声明里，而在加载时机与状态判断的精度上。
