Как в хроме найти функу которая привязана к обработчику события
Есть например ссылка по onclick вызывается функция из файла test.js строка 234. Это пока я знаю. Сел вижу кто-то привязал другое событие (hover) я начинаю искать где этот hover обрабатывается. Что привязан именно hover понял визульно так как что-то происходит.
Начало.
1) Если это привязано как <a href="#" onclick="myFunction"> </a>
уже могу искать по "myFunction" эту функу, бегаю по файлам и ищу где она определена
2) Если к этой ссылки привязано следуя практике яваскрипт отдельно, хтмл отдельно я получаю <a href="#" id="link"(or class or nothing)> </a> (
(в этом примере еще можно выцепить что привязан click разделе Event Listeners )
ну тут снова тупик, куда дальше
3) Если событие завязано при помощи on, live, delegate
снова тупик, куда дальше
выглядит как в пункте 2 в лучшем случае, в худшем вообще пусто
Как можно выбрать элемент, просмотреть что приязано к элементу(click, hover и тд.) и где это обрабатывается, файл javascript и сама функция.
Это не фантастика?
Если долго писать прийму в дар ссылку где можно почитать в любом виде или языке.