initEvent 已被废弃，现代代码应使用 new CustomEvent 构造函数替代；它支持传参（如 detail）、符合标准、兼容主流浏览器，而 initEvent 无法设置 detail 且已从 W3C 标准移除。
initEvent 已被废弃，现代代码不应再使用它。它属于 DOM Level 2 Events 规范的旧方法，早在 2013 年就被 W3C 标准移除，所有主流浏览器（Chrome、Firefox、Safari、Edge）早已停止支持，调用会静默失败或抛出错误。
为什么 initEvent 不该用了
它设计僵硬、无法传参、不支持自定义数据，且与现代事件对象结构冲突。它的典型用法是：
const event = document.createEvent('CustomEvent');
event.initEvent('myEvent', true, true); // 只能设 type、bubbles、cancelable
// ❌ 无法附带 detail 或其他自定义字段
即便强行调用，event.detail 始终为 undefined，无法传递参数。
正确替代方案：用 CustomEvent 构造函数
这是标准、简洁、可传参的现代方式：
立即学习“Java免费学习笔记（深入）”；
- 直接 new CustomEvent(type, options)，其中
options.detail就是你想传的参数 - 支持任意类型数据（对象、字符串、数字、数组等）
- 自动继承 Event 接口，可 bubbles/cancelable
示例：
// 创建带参数的自定义事件
const event = new CustomEvent('userLogin', {
bubbles: true,
cancelable: true,
detail: { userId: 123, username: 'alice', timestamp: Date.now() }
});
// 派发
document.dispatchEvent(event);
// 监听时直接解构 detail
document.addEventListener('userLogin', e => {
console.log(e.detail.userId); // 123
console.log(e.detail.username); // 'alice'
});
兼容老环境？别妥协，用 polyfill 或降级逻辑
如果必须支持 IE9–IE11（已无安全更新），可封装一个兼容写法：
- 优先用
new CustomEvent - 回退到
document.createEvent+initEvent（仅限无参基础事件） - 但注意：IE 中
initEvent仍不能设detail，所以需额外在事件对象上挂载属性（非标准但可行）
不推荐为传参而依赖 initEvent —— 它本质不支持。真要兼容，建议用发布/订阅模式替代 DOM 事件，或接受老浏览器不支持 detail。
监听和派发保持一致才可靠
事件创建方式决定监听端能拿到什么：
- 用
new CustomEvent(..., { detail })→ 监听时读e.detail - 若硬用
initEvent→ 监听时e.detail是undefined，只能靠e.target.dataset或全局变量“模拟”传参（极不推荐） - 派发后记得检查是否被
e.preventDefault()阻止，尤其当cancelable: true
