JQuery 事件是否可以与 Dom addEventListener 一起使用？

Question

我在我的项目中使用 Bootstrap4 alpha，并且出于某些调查目的，我正在尝试使用 DOM 捕获 JQuery 事件 addEventListener()。

该事件是$("#mypanel").trigger("shown.bs.collapse")通过引导程序在折叠时使用 JQuery函数触发的组件中的。

如果我尝试使用 JQuery$("#mypanel").on("shown.bs.collapse", ... )函数捕获它，则一切正常。但如果我使用$("#mypanel").get(0).addEventListener("shown.bs.collapse", ... )在相应的 DOM 元素上使用，则不会“捕获”该事件

JQuery 事件系统和标准 DOM 事件系统不兼容吗？

让我认为它们实际上不兼容的一件事是，如果我使用 ChromemonitorEvents()功能来跟踪“shown.bs.collapse”事件，它根本不会出现。

欢迎任何关于此的反馈。

克莱门特

Answer 1

不，您不能将 jQuery 自定义事件与常规 JavaScript 事件引擎一起使用。

将 jQuery 事件系统视为标准 DOM 事件系统的扩展。jQuery 可以知道浏览器引发的所有事件，因为它可以为它创建实际的事件处理程序。它还可以拥有自己的自定义事件，因为当您调用.trigger('your.custom.event')jQuery 时，可以在引发实际浏览器事件之前首先检查其自己存储的该（自定义）事件的事件处理程序。