jQuery& Chrome - 寻找纽扣钩

时间:2012-03-13 15:29:07

标签: javascript jquery debugging google-chrome javascript-events

使用Chrome的开发人员工具我正在尝试确定jQuery函数在页面上挂钩输入按钮以进行调试。我通常会一直搜索直到找到它,但我想我会问这个时间。

有没有办法为Chrome中的特定按钮找到jQuery按钮挂钩?我已经尝试查看事件监听器断点,但似乎永远无法找到正确的暂停它。

基本上,我需要知道点击按钮后正在执行的jQuery / javascript。

钩子在应用程序中实现,如下所示:

$('.button_class').click(function (){
$('#button_id').click(function(){
etc...

2 个答案:

答案 0 :(得分:2)

试试这个:

$(yourbutton).data('events');

答案 1 :(得分:1)

根据页面上的事件/计时器数量,这并不总是有效。但是,在JavaScript调试窗口中单击要调试的按钮之前,可以尝试“暂停”。这样,调试器将暂停在执行的 next 行上。偶尔阻止你使用它的事情是,如果有一个“悬停”或mouse move/in/out事件绑定在一个元素上,你必须通过该按钮才能到达按钮(包括按钮本身)。在那种情况下,我只是删除那些事件(如果可以),直到我得到我想要的那个。事件监听器断点更加理想,但在使用jQuery或其他库时有时很难,我实际上已向Chrome Dev Tools团队提出功能请求以解决此问题。 (允许您指定哪些文件是“您的”并且仅在这些特定文件中“中断”)

祝你好运 -