如何找出对象的 onclick 事件正在调用什么 javascript 函数？更好的是，我可以找出该函数在哪个包含的 .js 文件中吗？
【问题讨论】：
someObject.onclick或someObject.getAttribute("onclick")吗？你无法知道它来自哪个文件，因为 JS 代码不知道它来自哪个文件。
标签： javascript
你可以这样做
使用 Javascript Demo on JsFiddle
div1 = document.getElementById('div1');
alert(div1.getAttribute("onclick"));
使用 jQuery Demo on JsFiddle
<div id="div1" onclick="myfun();" >
alert($('#div1').attr('onclick'));
【讨论】：
我使用这个Visual Event 脚本执行此操作，它巧妙地突出显示哪些事件由哪些元素上的哪些函数订阅。
要查找代码源，只需使用 FireBug 或类似的浏览器开发工具搜索函数名称即可。
【讨论】：
您将无法找到调用 onclick 事件的文件，但myObject.onclick 将为您提供被调用的函数。不，你不需要 jQuery。
就获取函数的名称而言，这有点复杂。你可以尝试这样的事情，也许：
var myFunc = myObject.onclick, myFuncName = "";
for(prop in window) {
if(window.hasOwnProperty(prop) && window[prop] === myFunc) {
myFuncName = prop; // myFuncName is now the name of the function. This only works if you didn't assign an anonymous function to the click handler.
break;
}
}
但老实说，我认为这有点矫枉过正。
【讨论】：
这取决于event 的附加方式。
如果你绑定到 onclick 而没有像 jQuery 这样的东西，你可以这样做：
var obj = document.getElementById('elementId');
console.log(obj.onclick);
【讨论】：
我为此使用了 Chrome 的开发者工具：
选中click 框，然后单击页面上要为其查找处理程序的元素。如果您使用的是 jQuery（或类似的库），您可能需要先浏览他们的代码，然后才能使用您的代码。
【讨论】：
我有不同的方法。我重载了 onclick 函数并在实际函数之前添加了我的调试器。
这是元素
<div id="div1">
将此 JavaScript 写入开发者控制台
var clickFn = $("#div1").click;
$("#div1").click(function(){
debugger;
clickFn();
});
【讨论】：