Как отслеживать события JavaScript, такие как onclick onblur?

Это базовый вариант, но вы можете вставлять предупреждения или звонки document.write, когда что-то запускаете.

Возможно, вы захотите попробовать Visual Studio 2008 и ее функцию для отладки кода JavaScript.

Если проблема не является специфической для Internet Explorer 7, но также возникает в Firefox, то другим хорошим способом отладки кода JavaScript является Firefox и надстройка Firebug, в которой есть отладчик JavaScript. Затем вы также можете поместить операторы console.info в код JavaScript, который затем вы можете увидеть вывод в Окно консоли в Firebug, вместо использования предупреждений, которые иногда портят цепочку событий.

Я не уверен в точном коде (прошло некоторое время с тех пор, как я написал сложный код JavaScript), но вы можете перечислить все элементы управления в форме и прикрепить событие, которое выводит что-то, когда событие запускается.

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

Очевидный способ - настроить несколько предупреждений для различных событий, например:

element.onclick = function () { alert('Click event'); }

В противном случае у вас есть менее навязчивый вариант размещения ваших предупреждений где-нибудь в домене.

Но серьезно подумайте об использовании библиотеки, такой как jQuery, для реализации вашей функциональности. Многие проблемы с кроссбраузерностью уже решены, и вам больше не нужно их решать. Я не совсем уверен в функциональности, которую вы пытаетесь достичь, но, скорее всего, есть много возможностей для прокрутки и выбора плагинов для jQuery, которые вы могли бы использовать.

Одна вещь, которую мне нравится делать, - это создавать функцию привязки в JavaScript (например, то, что вы можете найти в библиотеке Прототип) специально для событий, чтобы она передавала объект «событие» вместе с связанной функцией. Теперь, если бы вы сделали это, вы могли бы просто добавить вызов трассировки, который будет вызываться для каждого обработчика, который его использует. А затем удалите его, когда он не нужен. Одно место. Легко.

Однако, независимо от того, как вы вызываете оператор трассировки, вы все равно хотите его увидеть. Лучшая стратегия - иметь отдельную панель или окно для обработки вызовов трассировки. Набор инструментов Dojo имеет встроенную консоль, которая работает в Internet Explorer, и есть другие подобные вещи. Классический способ сделать это - создать новое окно и добавить к нему document.write.

• Я рекомендую прикреплять дату и время к каждой трассе. В прошлом мне очень помогли.
• Отладка и оповещения обычно вам не помогут, потому что они прерывают нормальный поток событий.

У Мэтта Берсета есть то, что вы ищете в Отладка приложений ASP.NET AJAX с помощью элемента управления AjaxControlToolkit в консоли трассировки.

Он основан на регистраторе Yahoo Юй, YUI 2: Регистратор.

Borkdude сказал:

You might want to try Visual Studio 2008 and its feature to debug JavaScript code.

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

If the problem is not specific to Internet Explorer 7 but also occurs in Firefox, then another good way to debug JavaScript code is Firefox and the Firebug add-on which has a JavaScript debugger.

И еще есть Firebug Lite для Internet Explorer. У меня не было возможности им воспользоваться, но он есть. :-) Обратной стороной является то, что это не полноценный отладчик, но у него есть объект window.console, который вам нужен.

Прокрутите все элементы на странице, для которых определена функция onXYZ, а затем добавьте к ним трассировку:

var allElements = document.all; // Is this right? Anyway, you get the idea.

for (var i in allElements) {
    if (typeof allElements[i].onblur == "function") {
        var oldFunc = allElements[i].onblur;
        allElements[i].onblur = function() {
             alert("onblur called");
             oldFunc();
        };
    }
}

@ [nickf] - Я почти уверен, что document.all - это специфическое расширение Internet Explorer.

Вам нужно прикрепить обработчик событий, нет возможности просто «наблюдать» за событиями. Такой фреймворк, как jQuery библиотеки Microsoft Ajax, легко предоставит вам методы для добавления обработчиков событий. jQuery хорош своей структурой селекторов.

Затем я использую Firebug (расширение Firefox) и устанавливаю точку останова. Я считаю, что Firebug намного проще установить и удалить, чем Visual Studio 2008.

Я предлагаю использовать FireFox вместе с FireBug и использовать встроенные объекты Debug / Trace. Они очаровательны.