JQuery 事件可以与 Dom addEventListener 一起使用吗?

2023-12-10

我在我的项目中使用 Bootstrap4 alpha,出于某些调查目的,我尝试使用 DOM 捕获 JQuery 事件addEventListener().

使用 JQuery 触发该事件$("#mypanel").trigger("shown.bs.collapse")通过引导函数在它的collapse成分。

如果我尝试使用 JQuery 捕获它$("#mypanel").on("shown.bs.collapse", ... )功能,一切正常。但如果我使用$("#mypanel").get(0).addEventListener("shown.bs.collapse", ... )在相应的 DOM 元素上,事件没有被“捕获”

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

让我认为它们实际上不兼容的一件事是,如果我使用 ChromemonitorEvents()函数来跟踪“shown.bs.collapse”事件,它根本就没有出现。

欢迎对此提出任何反馈。

Clément


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

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

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

JQuery 事件可以与 Dom addEventListener 一起使用吗? 的相关文章

  • 有什么方法可以在不重新加载的情况下更改标头 URL? [复制]

    这个问题在这里已经有答案了 可能的重复 修改URL而不重新加载页面 https stackoverflow com questions 824349 modify the url without reloading the page 使用新
  • Java:从元素创建 DOM 元素,而不是文档

    如您所知 在 Java 中创建 Dom 元素的正确方法是执行以下操作 import org w3c dom Document import org w3c dom Element Document d Element e e d creat
  • 本地 401 工作,临时服务器得到 302

    我可能不会获得帮助第一次尝试所需的所有信息 但我会尽我所能 并在我们进行过程中对其进行编辑 我有一个使用 Spring Security Core 插件的 Grails 1 3 7 应用程序 我正在编写处理会话超时和 ajax 请求的代码
  • 如何在 jQueryUI 工具提示中换行

    新版本的 jQueryUI 1 9 附带了本机工具提示小部件 经过测试 如果内容 标题属性的值 很短 它就可以正常工作 但如果内容很长 工具提示一旦显示就会与输入文本重叠 有a demo http jqueryui com tooltip
  • 右列固定的 Div 表

    我最近接手了一个非营利网站作为一个项目 我正在使用一个现有的网站 所以我必须使用很多已经编程的东西 所以我所要做的就是创建设计 I made a diagram of basically what I can t figure out ho
  • 如何禁用 TinyMCE 文本区域

    我已经尝试了以下所有方法 tbxNote attr disabled disabled doesn t work tbxNote attr disabled true doesn t work either tinyMCE init mod
  • Bootstrap 4alpha - 更改手机/桌面/平板电脑的徽标

    我有一个使用 bootstrap 4 alpha 的标头 div class container div class row div class col md 6 text md left text center div class nav
  • 将非模板基类向下转型为模板化派生类:可能吗?

    我正在为游戏实现一个事件系统 它使用事件队列和数据结构来保存给定事件类型的所有注册事件处理程序 到目前为止 注册处理程序工作得很好 但是当涉及到取消注册它们时 例如 当游戏对象被销毁时会发生这种情况 我在模板和转换方面遇到了一些麻烦 我将
  • 缩小 DIV 和所有子元素

    我想在我的设计中重新调整部分 HTML 的大小 我需要以动画的形式进行此更改 DIV 本身及其所有内部元素 即图像 段落 锚点等 应该重新调整大小 就像调整具有恒定纵横比的图像大小一样 我认为 该工具应该获取元素的当前高度和宽度并增加 减少
  • jQuery 验证:更改默认错误消息

    有没有一种简单的方法来更改默认错误值jQuery 验证插件 http jqueryvalidation org 我只是想重写错误消息 使其对我的应用程序更加个性化 我有很多字段 所以我不想为字段 x 单独设置消息 我知道我可以做到这一点 将
  • Jquery 按键除外:{something}

    jQuery 或 Javascript 中是否有任何快捷方式 实际上是一个函数 来处理按钮按下 除了某物 或仅某物 e g input keypress nonfunctional function do something 仅在按下 a
  • 使用 jQuery 创建新元素的正确或更好的方法是什么?

    与答案相关https stackoverflow com a 10619477 1076753 https stackoverflow com a 10619477 1076753创建一个元素更好用 div id foo class a o
  • 循环遍历 JSON 数组

    我最近发布了另一个问题 用户立即为我指明了正确的方向 ajax type POST url data token token re 8 cache false timeout 5000 success function html auth
  • PHP 多个 Ajax 请求:第一个请求阻止第二个请求

    我在一页上有 2 个 ajax 请求 我运行了第一个请求并单独启动了第二个请求 但第二个在第一个运行后停止工作 第一次结束后继续 第一个请求需要很长时间 大约 30 60 秒 此时我需要第二个请求来显示日志第一个请求发生的情况 我尝试使用
  • qTip2 jquery 与 asp.net 文本框

    我怎样才能实现jquery插件qTip2http craigsworks com projects qtip2 http craigsworks com projects qtip2 与 asp net 文本框 鼠标悬停时的优雅工具提示
  • 验证动态字段jquery

    下午好 我遇到了以下问题 我正在使用 jQuery 验证插件来验证我的表单 v1 13 0 客户端 工作得很好 但我无法解决的问题是 我有一个字段名称 product 它是一个数组 在这个阵列中我可能有一种或可能有 20 种产品 这是我的代
  • jQuery DataTables:隐藏最后一行的“删除”按钮

    我有一个DataTable在某些情况下可以返回多个页面 返回的每一行都显示一个删除按钮 但我需要它在返回的最后一行上隐藏此按钮 无论是 1 pg 还是多个 因此不能在其中使用 CSS 我想学习如何实现这一点 因为DataTables对我来说
  • jQuery:向左滑动和向右滑动

    我见过slideUp and slideDown在 jQuery 中 左右滑动的功能 方式怎么样 您可以使用 jQuery UI 中的附加效果来做到这一点 详情请参阅此处 http docs jquery com UI Effects Sl
  • 从json中获取所有子节点

    我有以下 json var source k 01 k 02 children k 05 k 06 children k ABC k PQR k 07 k 03 我希望能够指定 k 的值并取回所有孩子 以及孙
  • 在引导程序中以编程方式更改选项卡窗格选项卡

    我使用的选项卡窗格定义为 ul class nav nav tabs li a href personal Personal Information a li li class active a href contact Contact a

随机推荐