@Shimpanze

Где в Chrome, нужно смотреть JS-события, применённые к элементу во время какого-либо действия с этим элементом?

Где в Chrome, нужно смотреть JS-события, применённые к элементу во время какого-либо действия с этим элементом?

Для примера:
- я щёлкнул по определённой кнопке, какое JS-событие при этом к этой кнопке применилось?
- я добавил текст в textarea на каком-нибудь сайте. Как узнать, применилось ли какое-нибудь JS-событие к этому textarea?
  • Вопрос задан
  • 61 просмотр
Решения вопроса 1
@alexalexes
F12. Раздел "Элементы", выбираете элемент, на котором нужно посмотреть обработчик события. В области интерфейса для просмотра свойств элемента выбираете вкладку "Прослушиватели событий". Выбираете вид события, и выбираете точку входа в JS коде на это событие. Далее, при просмотре кода JS на вкладке "Источники" выбираете, где вам поставить точки останова, чтобы словить остановку выполнения обработки события.
PS: Такой метод исследования работает только на ванильном или слабо прототипированном коде, написанный без применения библиотек и фреймворков. При использовании библиотек и фреймворков точки привязки событий будут указывать, как правило, на одну единственную функцию в этой библиотеке, отвечающей за высокоуровневый байндинг событий. В этом случае нужно изучать, какие инструменты для отладки есть в самой библиотеке или фреймворке.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы