当我按下按钮时，如何发现调用了哪个函数

Question

我被困在修改别人的源代码上，不幸的是，它非常没有记录在案。

我试图弄清楚当我按下按钮时调用哪个函数，作为将当前错误追踪到其来源的努力的一部分，但我没有运气。 据我所知，该函数在生成后会动态添加到按钮中。 结果，没有 onlick=" 供我检查，而且我在调试面板中找不到任何其他有帮助的东西。

虽然我更喜欢Chrome，但如果有必要，我非常愿意在不同的浏览器中启动。

Answer 1

在 Chrome 中，网页完全加载后，在网址栏中键入以下内容（不要忘记更改按钮类）：

var b = document.getElementsByClassName("ButtonClass"); alert(b[0].onclick);

或者您可以尝试（对正确的按钮 ID 进行适当的更改）：

var b = document.getElementById("ButtonID"); alert(b.onclick);

这应该会在消息框中提醒函数名称/代码片段。

获得函数名称或代码片段后，您只需在.js文件中搜索片段/函数名称即可。

希望对您有所帮助！

Answer 2

1. 打开浏览器的 JavaScript 调试器的页面
2. 点击"全部中断"或等效项
3. 单击要调查的按钮（如果鼠标悬停在页面元素上导致触发事件，则可能需要一些技巧。 如果页面中出现超时或间隔，它们也可能妨碍您。

Answer 3

检查按钮标记并查看其类/ID。 使用该类或 id 并搜索 JavaScript，很可能以前的开发人员已经做了类似

document.getElementById('someId').onclick = someFunction...;

或

document.getElementById('someId').addEventListener("click", doSomething, false);

Answer 4

您可以向每个函数添加跟踪变量。使用 console.log（） 查看跟踪结果。

这样：

function blah(trace) {
    console.log('blah called from: '+trace);
}

（要查看结果，您必须打开开发人员控制台）