dispatchEvent 不能触发所有 DOM 事件，仅支持可冒泡、可取消的原生事件（如 click、input）和 CustomEvent；load、scroll、DOMContentLoaded 等底层事件无法生效。
dispatchEvent 能否触发所有类型的 DOM 事件
不能。浏览器对可手动触发的事件有明确限制：dispatchEvent 只能触发那些被标记为“可冒泡且可取消”的原生事件，且必须通过合法构造函数创建（如 MouseEvent、KeyboardEvent、CustomEvent）。像 load、error、scroll 这类由浏览器底层直接调度的事件，即使构造出来也无法真正生效——调用后不会触发监听器，也不会产生实际行为（比如不会真的滚动页面）。
常见可用事件类型包括：click、input、change、submit、keydown、focus 等；不可用典型例子：DOMContentLoaded、pageshow、resize。
如何正确构造并触发 click 事件
很多开发者直接写 element.click()，但这只是 HTMLInputElement 等少数元素的专有方法，不具通用性。要用 dispatchEvent 模拟点击，必须显式创建事件对象并传入必要参数：
const event = new MouseEvent('click', {
bubbles: true,
cancelable: true,
button: 0 // 左键
});
element.dispatchEvent(event);
-
bubbles: true是关键——否则事件无法冒泡到父级监听器 -
button: 0表示左键，省略时默认为 0，但显式声明更稳妥（某些旧环境可能不兼容隐式值） - 不要用
new Event('click')：它不携带鼠标坐标或按键信息，部分监听器会忽略 - 若目标是表单提交，确保
form元素存在且未被disabled，否则submit事件虽能 dispatch，但浏览器不会执行默认提交逻辑
input 和 change 事件的触发顺序与细节差异
用户在输入框中输入后失焦，浏览器会先触发 input（实时），再触发 change（仅当值改变且失去焦点）。手动触发时需注意：
Convert Markdown To HTML And PDF - Markdown和HTML、PDF互转
下载
实现 Markdown↔ HTML 互转，支持导出 PDF，用于用户请求的文档格式转换。
立即学习“前端免费学习笔记（深入）”；
- 修改
input.value后，必须显式dispatchEventinput事件才能让 Vue/React 等框架响应——仅改值不触发更新 -
change事件需满足两个条件才被视作有效：值确实变化过 + 元素曾获得过焦点（focus）并失去（blur）。单纯dispatchEvent(new Event('change'))不会自动模拟焦点流转 - 推荐做法：先
element.focus()，再element.value = 'new'，再dispatchEvent(inputEvent)，最后element.blur()并dispatchEvent(changeEvent)
自定义事件（CustomEvent）和原生事件混用的注意事项
自定义事件和原生事件共存时，监听器注册方式一致，但行为隔离：
-
new CustomEvent('my-event', { detail: { x: 1 } })的detail字段只对CustomEvent有效，原生事件如click没有该属性 - 监听器无法区分事件来源：一个
addEventListener('click', handler)既响应真实点击，也响应dispatchEvent触发的click——除非你在事件对象上挂载自定义标识（如event.isSynthetic = true） - 避免用
CustomEvent替代原生事件做交互模拟（例如用'my-click'代替'click'），因为框架和原生 API（如label.click()关联的input）只认标准事件名
真实场景里最容易漏掉的是事件冒泡控制和 focus 状态同步——尤其在封装自动化测试脚本或表单填充工具时，这两点一错，监听器就收不到事件。
