Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/478.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在inspector中查找有界事件_Javascript_Debugging_Console - Fatal编程技术网

Javascript 在inspector中查找有界事件

Javascript 在inspector中查找有界事件,javascript,debugging,console,Javascript,Debugging,Console,我想了很久了。在eg Chrome中是否有方法查看哪些事件绑定到元素?由于许多人现在使用jQuery时使用的语法如下: $("a.subtle").click(function(){ //do something }); 在inspector中是否有办法轻松找到此代码?我知道在inspector中,您可以转到“事件侦听器”选项卡以查看绑定了哪些事件。看一个例子,我可以看到元素上有一个click事件,旁边是jQuery的js文件,所以这一定是指向它的,但是当然它被所有jQuery代码所掩

我想了很久了。在eg Chrome中是否有方法查看哪些事件绑定到元素?由于许多人现在使用jQuery时使用的语法如下:

$("a.subtle").click(function(){
    //do something
});
在inspector中是否有办法轻松找到此代码?我知道在inspector中,您可以转到“事件侦听器”选项卡以查看绑定了哪些事件。看一个例子,我可以看到元素上有一个click事件,旁边是jQuery的js文件,所以这一定是指向它的,但是当然它被所有jQuery代码所掩盖。以下是我所看到的:

所以问题是,有没有一种快速的方法来查找应用于元素的jQuery代码?说清楚一点,我想快速找到我贴在上面的代码

我可以在源代码中搜索
。在该类上单击()
,但当然可以通过其父类,或者使用
。on()
,或者通过无数种方式来完成。

查看


以下是他们网站上的一段话:

VisualEvent是一个开源Javascript bookmarklet,它提供有关已附加到DOM元素的事件的调试信息

视觉事件显示:

  • 哪些元素附加了事件
  • 附加到元素的事件类型
  • 触发事件时将与[sic]一起运行的代码
  • 定义附加函数的源文件和行号(仅限Webkit浏览器和Opera)

简单的工具,但仅在我的本地主机示例上显示
[object object]
,如@arbitter所示-有时您必须等待它找到函数定义。尝试关闭弹出窗口,然后再次单击。由于某些原因,它不起作用,不知道为什么,在其他网站上它似乎确实起作用。谢谢