javascript - 在没有事件监听器面板的情况下，如何在 HTML 中找到 "onevent"处理程序的源代码？

Question

我正在查看一个元素，该元素以老式方式添加了多个事件处理程序 --

<input onblur="doSomething()" onkeyup="doSomethingElse()">

当我在检查器中检查事件监听器面板时，它完全是空的。

除了手动 ctrl+f'ing 函数名称之外，是否有其他方法可以在页面源代码中找到这些代码？

Answer 1

您可以在控制台中使用 toString 方法:

doSomething.toString()

或者您可以通过调试器找到它:

function findMyCode(element){
    debugger
    element.onblur.call(element);
}
findMyCode(document.getElementById('idOfYourInput'));

然后进入函数调用。