在哪里可以找到使用 Chrome 的 Inspect Element 调用的 onclick 函数？

Question

我发现在我的大学网站上有一个添加课程的按钮。在哪里可以addNewCourseToStudent()使用 google chrome 的检查元素找到功能详细信息。

<button onclick="addNewCourseToStudent()">Add</button>

Answer 1

内联处理程序几乎肯定会引用全局变量，因此您可以打开控制台并记录该变量，这将为您提供函数位置及其代码：const foo = 'some code';function fn() {  console.log('fn running');}// when you have the function name, console.dir it// to find its location:console.dir(fn);// console.log it to find its code:console.log(fn);您可以单击右侧的链接，[[FunctionLocation]]转到“源”面板中定义该函数的位置。

Answer 2

右键单击检查标签或按钮，在开发人员工具中选择“事件监听器”选项卡，如下所示展开click它不会显示为 onclick 它将显示为click