Поймать все события DOM на странице (без Firebug и др.)

Question

Как мне создать кросс-браузерный скрипт, который бы перехватывал все события, запускаемые на
страница / окно браузера / дерево DOM (независимо от браузера)?

То, что я надеюсь достичь, это в основном, чтобы лучше понять различные обработки событий в разных браузерах; Я знаю основную теорию, но нужно видеть, чтобы поверить ...

ДОБАВЛЕНО
Я довольно хорошо разбираюсь как в использовании фреймворков, так и в работе с «чистым» Javascript.

Я хочу вот что:
document.addEventListener('*', function(e){<br> alert(e.type + ' is happening on ' + e.target), false);<br> };

Answer 1

Единственное, с чем вы можете поиграть, - это найти все существующие события и создать список элементов управления, каждый из которых имеет свое событие, а затем соответствующим образом пометить их и некоторые поля предупреждений.

Затем вы можете начать генерировать события и посмотреть, как они выполняются, основываясь на окнах предупреждений.

В будущем кодировании вы также можете использовать библиотеку JavaScript, которая в основном изменяет почти все существующие JS-код и функции, чтобы они все были кросс-браузерными.

Примеры (порядок предпочтений):

MooTools

JQuery

Не требуется, но значительно упрощает жизнь, когда дело доходит до кросс-браузера и создания необычных элементов управления.