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

Question

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

例如，哪个文件中有此代码？

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

Answer 1

If you use addEventListener (instead of $(...).click() ) then Chrome Dev Tools will show you the line in your file where that handler was added.

Answer 2

Chrome 无法知道这一点。

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