如何识别下一个运行的javascript语句或函数入口点？

Question

在许多网站页面中，有很多javascript代码支持这些功能。程序员可以通过许多方法将事件附加到元素上。他们可以直接在元素定义中添加事件，如

<input type="button" onclick="dosomething();"> 

或者他们可以通过以下javascript代码执行此操作：

<script>
    document.getElementById('ele').onclick = function(){};
</script>

通常这里有很多代码，所以我们有时很难确定触发元素事件后调用哪个事件函数。

所以我的问题是：在触发一个元素事件后，是否有任何方法或插件可以帮助识别下一个正在运行的javascript语句或函数入口点？

Answer 1

没有代码可以“模拟”像Firebug这样的插件的调试 - 但是在“简单”onclick函数的情况下，简单的alert只会显示它：

var element = document.getElementById('ele');
alert(element.onclick);

以编程方式触发它：

element.onclick();

Answer 2

您可以做的一件事是，定义一个函数，该函数将掌握分配给每种元素的所有事件，并在页面的某个位置显示它们（最好是在底部）。要触发该功能，您可以添加一个应该单击的按钮。

当然，所有这一切都必须在调试状态下完成，你肯定想在发布应用程序时删除按钮和显示面板。

我们曾经为我们的项目做过这样的事情，可能并不优雅，但确实有用。