javascript - 捕获页面上的所有 DOM 事件(没有 Firebug 等)

Question

我将如何创建一个跨浏览器脚本来拦截所有事件触发
页面/浏览器窗口/DOM 树(无论浏览器如何)？

我希望完成的基本上是更好地理解不同的处理不同浏览器中的事件；我知道基本理论，但需要亲眼所见才能相信......

已添加
我非常精通使用框架和使用“纯”Javascript。

我想要的是:

document.addEventListener('*', function(e){  
alert(e.type + ' is happening on ' + e.target), false);  
};

Answer 1

您唯一可以做的就是找出所有存在的事件，并创建一个控件列表，每个控件都有一个不同的事件，然后相应地标记它们和一些警报框。

然后您可以开始触发事件并根据警报框查看它们是如何执行的。

在将来的编码中，您还可以使用 JavaScript 库，该库基本上会更改几乎所有现有的 JS 代码和函数，以便它们都是跨浏览器的。

示例是(优先顺序):

MooTools

JQuery

不是必需的，但在跨浏览器和创建精美控件方面使生活变得更加简单。