1

我一直在想这个问题很长时间。有没有办法在例如 Chrome 中查看绑定到元素的事件？由于现在很多人使用 jQuery 的语法如下：

$("a.subtle").click(function(){
    //do something
});

检查器中是否有办法轻松找到此代码？我知道在检查器中您可以转到“事件侦听器”选项卡以查看绑定了哪些事件。看一个例子，我可以看到元素上有一个点击事件，旁边有 jQuery 的 js 文件，所以这必须以某种方式指向它，但当然它被所有 jQuery 代码所掩盖。这是我正在查看的内容：

类微妙链接的事件侦听器

所以问题是，有没有一种快速的方法可以找到应用于元素的 jQuery 代码？为了清楚起见，我想快速找到我在顶部发布的代码。

我可以在源代码中搜索.click()那个类的 a ，但当然它可以通过它的父类，或者 with .on()，或者以无数种方式来完成。

4

1 回答 1

2

查看Visual Event小书签。

这是他们网站上的一段话：

Visual Event 是一个开源 Javascript 小书签，它提供有关已附加到 DOM 元素的事件的调试信息。

视觉事件显示：

  • 哪些元素附有事件。
  • 附加到元素的事件类型。
  • 触发事件的 [sic] 将运行的代码。
  • 定义附加函数的源文件和行号（仅限 Webkit 浏览器和 Opera）。
于 2013-09-01T18:36:14.247 回答