Chrome开发工具：告诉我什么类型的事件附加到元素但是哪个文件？

Question

在Chrome中，当我右键单击DOM元素以查看附加了哪些事件侦听器时，它总是说jquery.min.js：2。但是，我想知道哪些JavaScript文件包含该侦听器（例如，单击事件侦听器）。

例如，哪个文件包含此代码？

$('#clickMe').on('click', function(e){ //clicked});

Answer 1

Chrome无法知道这一点。

当你编写$(...).click(function)时，添加到函数中的事件处理程序总是在jQuery中 Chrome无法知道jQuery事件处理程序最终会运行什么回调。

Answer 2

如果您使用addEventListener（而不是$（...）。click（）），那么Chrome开发工具会向您显示文件中添加该处理程序的行。