Question

我有一个问题，有一个网站有一堆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行已被执行？

谢谢！

Answer 1

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

相关联

Answer 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/

JavaScript：如何找出事件中调用的函数？

2 个答案: