Document.createEvent与new Event区别

Posted 飘荡的不是叶,是心

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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)

 

以上是关于Document.createEvent与new Event区别的主要内容,如果未能解决你的问题,请参考以下文章

js 自定义事件 document.createEvent

JavaScript自定义事件 - createEvent()initEvent()和dispachEvent()

JavaScript自定义事件和触发(createEvent, dispatchEvent)

js事件Event对象(自定义事件对象 CustomEvent)

js事件Event对象(自定义事件对象 CustomEvent)

如何使用javascript单击链接?