Отслеживание событий с помощью отладчика javascript Chrome

У меня здесь нет конкретного варианта использования, но иногда я либо помогал кому-то на SO, либо видел крутой эффект javascript на веб-сайте, и мне было любопытно узнать, какой код его управляет. Однако событие, управляющее кодом, может быть не сразу очевидным. Если я не могу найти обработчик событий, может быть очень сложно найти js, ответственные за эффекты, которые меня интересуют. Есть ли в отладчике быстрый способ идентифицировать события, прикрепленные к элементу, и отбросить точку останова в, когда оно срабатывает?

Так, например, событие может существовать в такой структуре

<div>
  <ul>
     <li><span><img /></span></li>
  </ul>
</div>

Теперь я не знаю, привязано ли событие к img, span, li, ul или div. В Chrome есть область прослушивателей событий, но мне кажется, что она не всегда содержит события. Что вы, ребята, делаете, что позволяет быстро найти событие и добавить в него точку останова?

33
задан mrtsherman 14 August 2011 в 02:56
поделиться