JS执行时用户点击页面的浏览器行为及跨浏览器一致性咨询

1. 推测正确
   当浏览器主线程被同步JS代码阻塞时，用户的交互操作不会直接绑定到当时的元素生成事件存入队列，而是先记录交互的原始数据（比如点击坐标、时间戳等）。等到主线程空闲后，浏览器会针对当前的DOM结构进行元素命中测试，根据记录的坐标找到此时对应的元素，再生成并触发对应的click事件。这就解释了示例2中的现象：主线程完成原按钮的替换后，第二次点击的坐标对应新按钮，因此触发新按钮的事件。

2. 主流浏览器行为一致
   Chrome、Firefox、Safari、Edge等主流浏览器均遵循这一逻辑，这是基于浏览器事件循环和交互处理的通用规范实现的，不同浏览器间没有明显行为差异。

3. 有官方规范文档佐证
   该行为属于HTML标准中事件循环与用户交互事件处理的核心逻辑：

• 当主线程被同步任务占用时，用户交互会被浏览器暂存为“待处理输入”，不会立即生成元素绑定的事件。
• 主线程空闲后，浏览器会处理这些待处理输入，通过命中测试确定当前DOM中对应交互坐标的目标元素，再生成对应的事件并加入事件队列执行。
  相关规则在HTML标准的事件处理章节有明确定义，规范了用户交互事件从收集到触发的完整流程。

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