如果您只是需要检查页面上正在发生的事情，您可以尝试Visual Event bookmarklet。

更新:Visual Event 2可用。

1:原型。observe使用Element。addEventListener(参见源代码)

2:你可以覆盖元素。addEventListener用于记住添加的侦听器(方便的属性EventListenerList已从DOM3规范提案中删除)。在附加任何事件之前运行这段代码:

(function() {
  Element.prototype._addEventListener = Element.prototype.addEventListener;
  Element.prototype.addEventListener = function(a,b,c) {
    this._addEventListener(a,b,c);
    if(!this.eventListenerList) this.eventListenerList = {};
    if(!this.eventListenerList[a]) this.eventListenerList[a] = [];
    this.eventListenerList[a].push(b);
  };
})();

通过以下方式阅读所有活动:

var clicks = someElement.eventListenerList.click;
if(clicks) clicks.forEach(function(f) {
  alert("I listen to this function: "+f.toString());
});

不要忘记重写Element。removeEventListener从自定义的Element.eventListenerList中删除事件。

3:元素。Onclick属性在这里需要特别注意:

if(someElement.onclick)
  alert("I also listen tho this: "+someElement.onclick.toString());

4:不要忘记元素。Onclick内容属性:这是两个不同的东西:

someElement.onclick = someHandler; // IDL attribute
someElement.setAttribute("onclick","otherHandler(event)"); // content attribute

所以你也需要处理它:

var click = someElement.getAttribute("onclick");
if(click) alert("I even listen to this: "+click);

Visual Event bookmarklet(在最流行的回答中提到过)只窃取自定义库处理程序缓存:

It turns out that there is no standard method provided by the W3C recommended DOM interface to find out what event listeners are attached to a particular element. While this may appear to be an oversight, there was a proposal to include a property called eventListenerList to the level 3 DOM specification, but was unfortunately been removed in later drafts. As such we are forced to looked at the individual Javascript libraries, which typically maintain a cache of attached events (so they can later be removed and perform other useful abstractions). As such, in order for Visual Event to show events, it must be able to parse the event information out of a Javascript library.

元素覆盖可能是有问题的(即，因为有一些DOM特定的特性，如活动集合，不能在JS中编码)，但它提供了eventListenerList原生支持，它在Chrome, Firefox和Opera中工作(在IE7中不工作)。

如果您只是需要检查页面上正在发生的事情，您可以尝试Visual Event bookmarklet。

更新:Visual Event 2可用。

使用getEventListeners在谷歌Chrome:

getEventListeners(document.getElementByID('btnlogin'));
getEventListeners($('#btnlogin'));

Chrome或Safari浏览器中的WebKit Inspector现在可以做到这一点。当您在Elements窗格中选择某个DOM元素时，它将显示该DOM元素的事件侦听器。

(重写这个问题的答案，因为它与这里有关。)

在调试时，如果你只想看到事件，我建议你选择…

视觉事件 Chrome开发者工具的元素部分:选择一个元素，在右下角寻找“事件监听器”(类似于Firefox)

如果你想在你的代码中使用事件，并且你在1.8版本之前使用jQuery，你可以使用:

$(selector).data("events")

来获取事件。从1.8版开始，停止使用.data("events")(请参阅此错误票据)。你可以使用:

$._data(element, "events")

另一个例子:将某个链接上的所有点击事件写入控制台:

var $myLink = $('a.myClass');
console.log($._data($myLink[0], "events").click);

(工作示例见http://jsfiddle.net/HmsQC/)

不幸的是，使用$。_data除了调试之外不建议使用，因为它是jQuery的内部结构，在未来的版本中可能会改变。不幸的是，我不知道其他方便的方法来访问这些事件。