javascript - 我如何知道哪些事件绑定(bind)到 DOM 元素?

标签 javascript jquery google-chrome event-listener web-inspector

使用 Wordpress 可视化编辑器时,如果您有一个 [gallery] 简码,在可视化模式下它会显示一个占位符。

单击占位符将覆盖两个图标 - 编辑图库和删除图库。

我想弄清楚单击“编辑图库”时会触发什么函数。

按钮是一个图像,dom id wp_editgallery,它看起来是这样的:

screenshot-with-shadow.png

我的直觉是使用 Chrome 的网络检查器检查元素:

找到元素后,我查看属性面板并查找事件,但结果有些神秘:

screenshot-with-shadow.png

到目前为止,我已经尝试了上述方法,并且:

var events = jQuery._data('#wp_editgallery', 'events');

按照 How to see what exact events are bound to DOM elements? 中的建议我还尝试使用该帖子中提到的 Visual Event - 均未成功。

是否有更简单的方法来找出与 DOM 元素的事件监听器相关联的 javascript 函数?

最佳答案

查看 Visual Event .与 Chrome 配合使用非常棒!允许您查看和运行附加到 DOM 元素的事件。一直是救命恩人!

关于javascript - 我如何知道哪些事件绑定(bind)到 DOM 元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15424512/

相关文章:

javascript - 使用 javascript Controller 中的复选框

javascript - 在 Node.js 中克隆对象

javascript - 如何避免在 js/ajax 脚本中硬编码应用程序上下文路径

jquery - 将 Bootstrap Mobile 菜单更改为悬停而不是单击

java - 从 Chrome 获取模拟器列表

javascript - ReactJS:在 Modal 中动态加载组件的最佳方式

javascript - 获取类名,拆分它并将数组写入 div

javascript - 如何在fancytree.js上点击第二级时发出提醒消息

javascript - 如何比较当前事件选项卡的 URL

javascript - 如何根据定期获取的数据生成Chrome扩展程序的弹出正文?