在哪里可以找到使用 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