如何使用 Chrome 调试器查看HTML元素被绑定的点击事件函数原形

Question

页面中某个按钮被jquery绑定了单击事件，如何用 Chrome 调试器查看这个按钮点击之后执行的代码

Answer 1

另一种：

document.onclick.toString();

如果是jQuery就有点麻烦咯，打开控制台，添加一个事件断点，然后进去调试之后狂按F11，最后代码会停留在事件处理器的地方。

用代码的方式：jsfiddle

<input type="button" id="test" value="test button" />
<br /><br />
<input type="button" id="show" value="show test handler" />
<pre id="source">
</pre>

$('#test').click(function(){
    alert('clicked on #test');
});

$('#show').click(function(){
    console.log('click on #show');
    $('#source').text(jQuery._data($('#test')[0], 'events').click[0].handler.toString());
});

结果：

Answer 2

Answer 3

Visual Event 插件