Javascript 如何查找附加到按钮单击事件的方法

如何从firebug中找出按钮的click事件处理程序附加了哪些方法

这是按钮的代码

<button class="rsmg_button_save ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-primary ui-state-focus" type="button" role="button" aria-disabled="false" style="display: inline-block;"><span class="ui-button-icon-primary ui-icon ui-icon-disk"></span><span class="ui-button-text">Save</span></button>

保存

Javascript代码可以使用

onclick

属性或

addEventListener（）

或

attachEvent（）

连接到按钮单击事件（取决于浏览器和浏览器版本）

---

如果有javascript代码处理事件，并且HTML中没有指定onclick处理程序，则javascript代码将通过稍后设置

onclick

属性或使用

addEventListener（）

或

attachEvent（）

安装事件处理程序，如果使用jQuery附加函数，您可以使用firebug查看它。
jQuery事件使用

data

方法存储，键为

events

因此，

$（“desiredSelector”）。数据（“事件”）

将显示附加到该特定元素的所有事件。
有关详细信息，请查看此项。
对于Javascript中定义的事件，您可以检查

onClick

属性或使用jfriend00建议的方法

---

编辑：
有一种方法可以使这更简单

我用上面的$（“desiredSelector”）.data（“events”）和Firebug 2.x中的but进行了艰难的搜索，找到绑定事件有一种非常简单的新方法：如果有绑定函数，您将在行旁边找到一个“ev”：

---

太酷了

你的问题毫无意义。单击按钮时，浏览器将生成

click

事件。你还想知道什么？可以使用

onclick

属性或通过安装事件侦听器-

addEventListener（）

或

attachEvent（）

来安装函数来处理该事件，具体取决于浏览器/浏览器版本。代码如上所示。当我按下它时，会启动一些javascript函数，用ajax将数据保存在数据库中。但是按钮上没有指定onclick属性，因此它位于某个单独的函数中。大多数开发人员不太关心像onclick.sure这样的内联javascript处理程序，但是如果不看到onclick，您如何知道哪个函数连接到该onclick事件？如果您使用chrome浏览器，您可以使用inspector，在底部右侧的元素选项卡中，您将看到

事件侦听器

，以及如何查看firebug中的那些钩子？在Firefox中，您可以检查

onclick

属性。我不知道如何在Firebug中查看事件处理程序（或者如果可以的话）。在Chrome中，您选择所需的对象并查看右侧的

事件侦听器
窗格。好家伙，正如您所提到的，我从Chrome中找到了它。我相信firebug会感谢你，但我认为chrome更容易做到。但是很酷again@themhz：很高兴我能帮忙：）