Javascript 在inspector中查找有界事件
我想了很久了。在eg Chrome中是否有方法查看哪些事件绑定到元素?由于许多人现在使用jQuery时使用的语法如下:Javascript 在inspector中查找有界事件,javascript,debugging,console,Javascript,Debugging,Console,我想了很久了。在eg Chrome中是否有方法查看哪些事件绑定到元素?由于许多人现在使用jQuery时使用的语法如下: $("a.subtle").click(function(){ //do something }); 在inspector中是否有办法轻松找到此代码?我知道在inspector中,您可以转到“事件侦听器”选项卡以查看绑定了哪些事件。看一个例子,我可以看到元素上有一个click事件,旁边是jQuery的js文件,所以这一定是指向它的,但是当然它被所有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所示-有时您必须等待它找到函数定义。尝试关闭弹出窗口,然后再次单击。由于某些原因,它不起作用,不知道为什么,在其他网站上它似乎确实起作用。谢谢