Chrome与Firefox组件挂载时onDragStart触发差异及标准合规性咨询

咱们先从**HTML Living Standard（现行HTML标准）**里的拖拽事件流程说起：
标准明确规定，拖拽操作的触发必须遵循这样的顺序：

• 首先触发mousedown（或pointerdown）事件，代表用户按下了指针设备
• 当用户在按下状态下移动指针，才会启动拖拽操作，进而触发dragstart事件

也就是说，dragstart是依赖于前置的指针按下事件存在的，没有按下动作就不会有拖拽启动的逻辑。

针对你的场景分析 #

你提到的组件刚挂载时点击并立即拖动的场景：

• Firefox的行为：不触发任何事件，这其实更贴合标准。因为组件刚挂载完成的瞬间，浏览器可能还在完成事件监听的绑定流程，或者严格执行了“必须先有指针按下事件才启动拖拽”的规则，所以没有不符合标准的事件触发。
• Chrome的行为：跳过mousedown/pointerdown直接触发dragstart，这明显违反了标准里的事件触发前置条件。

你的疑问解答 #

1. 哪一方符合标准行为？
   Firefox的行为更符合HTML标准的定义。
2. 是否存在通用的事件触发标准？
   存在，就是HTML Living Standard中定义的Drag & Drop事件流，核心逻辑是拖拽启动必须以指针按下事件为前提。
3. 这是否属于Chrome的Bug？
   你的判断完全正确——没有对应mousedown触发时就调用dragstart，确实属于Chrome的Bug。这种异常的事件流会破坏依赖正常事件顺序的库（比如React DnD）的预期工作逻辑。

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