JavaScript：如何找出事件调用了哪些函数？ [复制]答案

【问题标题】：JavaScript: How to find out which functions are called on event? [duplicate]JavaScript：如何找出事件调用了哪些函数？ [复制]
【发布时间】：2014-03-08 06:28:51
【问题描述】：

我有一个问题，有一个网站有大量的 JS 代码。当我点击某个元素时，会调用一些函数。如何找出哪些函数（以及在哪些文件中）？

例如，有这样的东西

$( document ).ready(function() {
   $("a").on('click', function() { $('c').css('opacity', '0.8'); });
   $("ul#main li a").on('click', function() { $('c').toggle('.menu'); });
   $("nav a").on('click', function() { callSomeFunctions(); });
});

然后我就有了这样的菜单

<nav><ul><li><a href="#">click</a></li></ul></nav>

我怎样才能知道上面那 3 行被执行了？

谢谢！

【问题讨论】：

标签： javascript function call

【解决方案1】：

我总是使用这个工具来查看哪些事件与 DOM 元素相关联http://www.sprymedia.co.uk/article/visual+event

【讨论】：

【解决方案2】：

有很多方法。但作为初学者，我只想在每个函数中添加警报：

$( document ).ready(function() {
   $("a").on('click', function() { $('c').css('opacity', '0.8'); alert('inside first'); });
   $("ul#main li a").on('click', function() { $('c').toggle('.menu');  alert('inside first');      });
   $("nav a").on('click', function() { callSomeFunctions(); alert('inside first'); });
});

另外，工作链接：http://jsfiddle.net/wRZN6/

【讨论】：