Document.createEvent与new Event区别

Document.createEvent 写法：

const e = document.createEvent('HTMLEvents');

e.initEvent('click', true, true);

el.dispatchEvent(e);

new Event写法：

const e = new Event('click', {bubbles: true, cancelable: true});

el.dispatchEvent(e);

两者都能达到相同效果，但是推荐后者的写法，因为前者被弃用了。

MDN说：“createEvent使用的许多方法, 如 initCustomEvent, 都被废弃了. 请使用 event constructors 来替代.”。

参考：

巴特西