点击<video>元素时Window的mousedown事件未触发问题咨询

核心机制：浏览器原生媒体控件的事件拦截 #

Chrome、Firefox等现代浏览器会将原生<video>的播放区域及控件视为浏览器内部独立组件，而非普通DOM元素。为了保障媒体播放的流畅性和原生交互体验，浏览器会直接拦截并消耗该区域的鼠标事件，不让事件进入常规的DOM事件传播流程（包括捕获和冒泡阶段）。

这就解释了为什么：

• 即使在window上设置了捕获模式的mousedown监听器，点击视频区域时也不会触发——事件根本没进入DOM事件链，自然无法被window捕获。
• 直接给<video>元素绑定事件也可能无效，因为浏览器的原生控件层优先接管了交互，事件不会传递到DOM元素的监听器上。

测试代码说明 #

你用到的测试代码：

window.addEventListener("mousedown", () => {
  alert("window mousedown");
}, true)

点击页面非视频区域时，事件正常遵循DOM捕获流程，最终被window的监听器捕获；但点击视频区域时，事件被浏览器原生媒体组件拦截，完全跳过了DOM事件传播环节。

内容的提问来源于stack exchange，提问作者KevinHJ