blocks|key|2747610|text|DOM规范中的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2747611|当调用initCustomEvent(type,+bubbles,+cancelable,+detail)方法时，必须运行以下步骤：|blockquote|offset|length|style|CODE|2747612|如果设置了上下文对象的调度旗，则终止这些步骤。|ordered-list-item|2747613|初始化具有类型、气泡和可取消的上下文对象。|2747614|将上下文对象的detail属性设置为detail。|2747615|​|2747616|当调用initEvent(type,+bubbles,+cancelable)方法时，必须运行以下步骤：|2747617|2747618|2747619|注意:由于事件有构造函数，所以initEvent()是多余的。但是，遗留内容必须支持它。|2747620|因此，除了detail参数之外，它们是相同的。|2747621|entityMap|0|LINK|mutability|MUTABLE|url|https://www.w3.org/TR/dom/#dom-customevent-initcustomevent|1|https://www.w3.org/TR/dom/#dom-customevent-detail|2|3|4|5|6|7|https://www.w3.org/TR/dom/#dom-event-initevent|8|9|10|11|12|https://www.w3.org/TR/dom/#concept-event|13^0|0|3|1E|3|1E|0|0|5|5|1|B|3|2|0|0|3|3|F|5|4|0|7|6|1|5|5|7|6|6|0|0|3|10|3|10|7|0|5|5|8|B|3|9|0|0|3|A|F|5|B|0|5|2|C|F|B|D|0|5|6|0^^$0|@$1|2|3|4|5|6|7|1N|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|1O|8|@$E|1P|F|1Q|G|H]]|9|@$E|1R|F|1S|1|1T]]|A|$]]|$1|I|3|J|5|K|7|1U|8|@]|9|@$E|1V|F|1W|1|1X]|$E|1Y|F|1Z|1|20]]|A|$]]|$1|L|3|M|5|K|7|21|8|@]|9|@$E|22|F|23|1|24]|$E|25|F|26|1|27]]|A|$]]|$1|N|3|O|5|K|7|28|8|@$E|29|F|2A|G|H]]|9|@$E|2B|F|2C|1|2D]|$E|2E|F|2F|1|2G]]|A|$]]|$1|P|3|Q|5|6|7|2H|8|@]|9|@]|A|$]]|$1|R|3|S|5|D|7|2I|8|@$E|2J|F|2K|G|H]]|9|@$E|2L|F|2M|1|2N]]|A|$]]|$1|T|3|J|5|K|7|2O|8|@]|9|@$E|2P|F|2Q|1|2R]|$E|2S|F|2T|1|2U]]|A|$]]|$1|U|3|M|5|K|7|2V|8|@]|9|@$E|2W|F|2X|1|2Y]|$E|2Z|F|30|1|31]]|A|$]]|$1|V|3|W|5|6|7|32|8|@]|9|@$E|33|F|34|1|35]|$E|36|F|37|1|38]]|A|$]]|$1|X|3|Y|5|6|7|39|8|@$E|3A|F|3B|G|H]]|9|@]|A|$]]|$1|Z|3|-4|5|6|7|3C|8|@]|9|@]|A|$]]]|10|$11|$5|12|13|14|A|$15|16]]|17|$5|12|13|14|A|$15|18]]|19|$5|12|13|14|A|$15|18]]|1A|$5|12|13|14|A|$15|18]]|1B|$5|12|13|14|A|$15|18]]|1C|$5|12|13|14|A|$15|18]]|1D|$5|12|13|14|A|$15|18]]|1E|$5|12|13|14|A|$15|1F]]|1G|$5|12|13|14|A|$15|18]]|1H|$5|12|13|14|A|$15|18]]|1I|$5|12|13|14|A|$15|18]]|1J|$5|12|13|14|A|$15|18]]|1K|$5|12|13|14|A|$15|1L]]|1M|$5|12|13|14|A|$15|1F]]]]

From the DOM spec:

<blockquote>
 The <a href="https://www.w3.org/TR/dom/#dom-customevent-initcustomevent" rel="nofollow"><code>initCustomEvent(type, bubbles, cancelable, detail)</code></a> method
 must, when invoked, run these steps:
 
 <ol>
 <li>If <a href="https://www.w3.org/TR/dom/#dom-customevent-detail" rel="nofollow">context object</a>'s <a href="https://www.w3.org/TR/dom/#dom-customevent-detail" rel="nofollow">dispatch flag</a> is set, terminate these steps.</li>
 <li><a href="https://www.w3.org/TR/dom/#dom-customevent-detail" rel="nofollow">Initialize</a> the <a href="https://www.w3.org/TR/dom/#dom-customevent-detail" rel="nofollow">context object</a> with type, bubbles, and cancelable.</li>
 <li>Set <a href="https://www.w3.org/TR/dom/#dom-customevent-detail" rel="nofollow">context object</a>'s <a href="https://www.w3.org/TR/dom/#dom-customevent-detail" rel="nofollow"><code>detail</code></a> attribute to detail.</li>
 </ol>
</blockquote>



<blockquote>
 The <a href="https://www.w3.org/TR/dom/#dom-event-initevent" rel="nofollow"><code>initEvent(type, bubbles, cancelable)</code></a> method, when invoked,
 must run these steps:
 
 <ol>
 <li>If <a href="https://www.w3.org/TR/dom/#dom-customevent-detail" rel="nofollow">context object</a>'s <a href="https://www.w3.org/TR/dom/#dom-customevent-detail" rel="nofollow">dispatch flag</a> is set, terminate these steps.</li>
 <li><a href="https://www.w3.org/TR/dom/#dom-customevent-detail" rel="nofollow">Initialize</a> the <a href="https://www.w3.org/TR/dom/#dom-customevent-detail" rel="nofollow">context object</a> with type, bubbles, and cancelable.</li>
 </ol>
 
 Note: As <a href="https://www.w3.org/TR/dom/#concept-event" rel="nofollow">events</a> have constructors <a href="https://www.w3.org/TR/dom/#dom-event-initevent" rel="nofollow">initEvent()</a> is
 superfluous. However, it has to be supported for legacy content.
</blockquote>

So, apart from the <code>detail</code> argument, they are the same.

blocks|key|720471|text|event.initEvent这个特性已经从网络标准中删除了。尽管一些浏览器可能仍然支持它，但它正在被删除。不要在旧的或新的项目中使用它。使用它的网页或Web应用程序在任何时候都可能中断。MDN|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|720472|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/API/Event/initEvent^0|2M|3|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

event.initEvent This feature has been removed from the Web standards. Though some browsers may still support it, it is in the process of being dropped. Do not use it in old or new projects. Pages or Web apps using it may break at any time.
<a href="https://developer.mozilla.org/en-US/docs/Web/API/Event/initEvent" rel="nofollow">MDN</a>

I was working on a task related to <code>Custom Events</code> and was wondering, is there a difference between these methods apart from extra argument for <code>event data</code>

<a href="https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Creating_and_triggering_events#The_old-fashioned_way" rel="nofollow noreferrer">MDN - The old-fashioned way</a> uses <code>event.initEvent</code> but the polyfill on <a href="https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent/CustomEvent#Polyfill" rel="nofollow noreferrer">MDN - Cutom Events</a> uses <code>event.initCustomEvent</code> to initialize event.

I have referred <a href="https://stackoverflow.com/questions/9417121/is-there-any-way-of-passing-additional-data-via-custom-events">Passing additional arguments in custom Event</a>, but we can even use <code>event.details</code> to set <code>event data</code>.

<a href="https://jsfiddle.net/RajeshDixit/0v0ry1wx/" rel="nofollow noreferrer">JSFiddle - Event data with initEvent</a>

So the question is, Is there any benefit of using specific one of them?

event.initEvent vs event.initCustomEvent

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我正在做一个与Custom Events相关的任务，我想知道，除了event data的额外参数之外，这些方法之间有什么区别吗？使用event.initEvent，但是上的多填充使用event.initCustomEvent初始化事件。我已经提到了，但是我们甚至可以使用event.details来设置event data。所以问题是，使用它们中的一个有什么好处吗？

问event.initEvent对event.initCustomEvent
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问event.initEvent对event.initCustomEventEN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问event.initEvent对event.initCustomEvent
EN