Как узнать какая функция работает при нажатии на кнопку?

Question

[Андрей]

Есть
При нажатии на него, появляется окно выбора файла, далее отправка этого файла на сервер.
Как узнать что происходит после того как нажали на кнопку "открыть" в диалоговом окне выбора файла?
(а именно какие например функции выполняются).

Answer 1

[Али Алиев]

Открываете инструменты разработчика в Chrome. Там есть вкладка Sources. Справа внизу раскройте список Event Listener Breakpoints и отмечайте галочкой любое событие, которое вы хотите отслеживать.

Answer 2

[ildar r. khasanshin]

в firefox в инспекторе сразу видно событие элемента https://s.mail.ru/Gi6q/BE3dWaNnZ
в chrome приходится искать только во вкладке event listeners справа https://s.mail.ru/2LfP/B85b1z5Ed
возможно настроить панель хрома аналогично фоксу в этом отображении событий?

добавлено позже
пока что нашел расширение visual event, но с ним не очень удобно

добавлено позже
заметил, что если убрать чекбокс ancestors, то остаются только события данного элемента

Answer 3

[Илья Агарков]

отладчик хрома, вроде позволяет следить за вызовом всего и вся. Если я не ошибаюсь, то закладка Profiles.

Answer 4

[Eugene Kubesh]

firefox firebug все показывает.

Пример - prntscr.com/5zuqgh

а это без firebug - prntscr.com/5zuqri