如何在单击元素Y后看到负责显示元素X的javascript代码行

时间:2016-07-28 13:46:32

标签: javascript jquery javascript-events firebug onclicklistener

我有一个Wordpress网站要修改。

所以我有这个"登录"点击后,它会显示一个隐藏的表单。

我试图在同一页面上的另一个按钮上触发此事件,因此它的功能相同。

所以我尝试了Chrome监听器并跟踪鼠标单击事件,所以我确实看到了同一事件的步骤。以一种非常草率的方式。

我尝试使用FIREBUG跟踪它,在“DOM”中为我提供了更好的组织信息。点击按钮后。

但是我在哪里可以从DOM输出中看到点击后页面上发生的其他更改?对于click事件后受影响的其他元素。我在哪里可以看到确切的代码行,以便我能理解它是如何触发的?

编辑:我尝试使用VISUAL EVENT - 我确实在弹出窗口中看到了命令行,但没有关于它的位置。我尝试在所有.js文件中搜索命令,但我找不到它。

我在另一个网站上测试了这个 - 我找到了命令行。

在这种情况下我应该怎么做,JS文件在哪里?

1 个答案:

答案 0 :(得分:0)

在Firebug中,单击HTML元素可以查看与之关联的任何events。一旦您发现使用click事件调用了什么函数,您就可以按照代码来查看正在调用的其他函数。

Firebug还允许您放置断点,这对调试很有用。您可能感兴趣的特定断点是Break On Attribute Change。将其与登录按钮相结合,您应该能够找出代码发生的一切。