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 来替代.”。

参考：

1、Document.createEvent() - Web APIs | MDN (mozilla.org)

2、DOM Standard (whatwg.org)