Отслеживание событий

Veseloff · December 19, 2011

Если какая-то страница, есть на ней какие-то элементы. Для каких-то из них назначены события — например click. Как можно узнать какие события стоят на элементе, откуда они подключаются и что делают. Смотрел firebug — ничего не нашёл.

Odrin · December 19, 2011

В FireBug события находятся во вкладке DOM.

В Chrome во вкладке Elements справа есть раздел "Event Listeners"

s0rr0w · December 19, 2011

Если какая-то страница, есть на ней какие-то элементы. Для каких-то из них назначены события — например click. Как можно узнать какие события стоят на элементе, откуда они подключаются и что делают. Смотрел firebug — ничего не нашёл.

Если через addEventListener, то никак.

Весело, правда? И после этого мне говорят, что навешивание обработчиков через addEventListener это true, а через атрибуты - не true, отстой, прошлый век, некошерно, по-ламерски, и вообще руки за такое отрывать.

Great Rash · December 19, 2011

Через addEventListener нельзя отследить анонимные функции, именованые узнать можно разве нет?

Veseloff · December 19, 2011

Если через addEventListener, то никак.
Весело, правда? И после этого мне говорят, что навешивание обработчиков через addEventListener это true, а через атрибуты - не true, отстой, прошлый век, некошерно, по-ламерски, и вообще руки за такое отрывать.

Вот так я и знал. Беда, чо.

troll · December 19, 2011

Через addEventListener нельзя отследить анонимные функции, именованые узнать можно разве нет?

Анонимные - это вроде таких?

elem.addEventListener('click', function() {alert('foo');}, false);

По-моему, Хром их показывает.

nerv · December 19, 2011

Я новичек в js, поэтому, если ляпну что-то не то, прошу сильно не пинать)

Конкретные, думаю, так.

<html>
    <head>
        <meta charset="utf-8">
        <style type="text/css">
            body { background-color:#ffcc33; margin:0px; }
            div { background-color:#0033cc; height:100px; margin:15px; width:100px }
        </style>
        <script type="text/javascript">
            function l() {
                var el = document.getElementsByTagName("div")[0];
                    alert(el.onclick);
                    el.onclick = ev;
                    alert(el.onclick);
            }
            function ev() { return alert(1); }
        </script>
    </head>
    <body onload="l()">
        <div></div>
    </body>
</html>

Edited December 19, 2011 by nerv

Sign In

Отслеживание событий

Question

Veseloff

Link to comment

Share on other sites

6 answers to this question

Recommended Posts

Odrin

Link to comment

Share on other sites

s0rr0w

Link to comment

Share on other sites

Great Rash

Link to comment

Share on other sites

Veseloff

Link to comment

Share on other sites

troll

Link to comment

Share on other sites

nerv

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information