Jak sprawdzić, które zdarzenia JavaScript zostały uruchomione?

Mam listę wyboru:

<select id="filter">
  <option value="Open" selected="selected">Open</option>
  <option value="Closed">Closed</option>
</select>

Kiedy wybieram, Closedstrona ładuje się ponownie. W tym przypadku pokazuje zamknięte bilety (zamiast otwartych). Działa dobrze, gdy robię to ręcznie.

Problem polega na tym, że strona nie ładuje się ponownie, gdy wybieram Closedz Watir :

browser.select_list(:id => "filter").select "Closed"

Zwykle oznacza to, że jakieś zdarzenie JavaScript nie jest uruchamiane. Mogę odpalać wydarzenia z Watirem:

browser.select_list(:id => "filter").fire_event "onclick"

ale muszę wiedzieć, które zdarzenie odpalić.

Czy istnieje sposób, aby dowiedzieć się, które zdarzenia są zdefiniowane dla elementu?

Pomyślałem, że dodam, że możesz to zrobić również w Chrome:

Ctrl+ Shift+ I(Narzędzia deweloperskie)> Źródła> Punkty przerwania nasłuchiwania zdarzeń (po prawej).

Możesz również wyświetlić wszystkie zdarzenia, które zostały już dołączone, po prostu klikając prawym przyciskiem myszy element, a następnie przeglądając jego właściwości (panel po prawej stronie).

Na przykład:

Nie jestem pewien, czy jest tak potężny jak opcja firebug, ale wystarczył do większości moich rzeczy.

Inną opcją, która jest nieco inna, ale zaskakująco niesamowita, jest wydarzenie wizualne: http://www.sprymedia.co.uk/article/Visual+Event+2

Podświetla wszystkie elementy na stronie, które zostały powiązane, i zawiera wyskakujące okienka pokazujące wywoływane funkcje. Całkiem fajnie jak na zakładkę! Jest też wtyczka do Chrome, jeśli to bardziej lubisz - nie jestem pewien co do innych przeglądarek.

Anonimowy Andrew również zwrócił tutaj uwagęmonitorEvents(window);

Wygląda na to, że Firebug (dodatek do Firefoksa) ma odpowiedź:

• otwórz Firebug
• kliknij prawym przyciskiem myszy element w zakładce HTML
• Kliknij Log Events
• włącz kartę Konsola
• kliknij opcję Utrwal na karcie Konsola (w przeciwnym razie karta Konsola zostanie wyczyszczona po ponownym załadowaniu strony)
• wybierz Closed(ręcznie)

• będzie coś takiego w zakładce Console:

  ...
  mousemove clientX=1097, clientY=292
  popupshowing
  mousedown clientX=1097, clientY=292
  focus
  mouseup clientX=1097, clientY=292
  click clientX=1097, clientY=292
  mousemove clientX=1096, clientY=293
  ...
  

Źródło: Firebug Wskazówka: rejestruj zdarzenia

Jeśli chodzi o Chrome, sprawdź monitorEvents () za pomocą interfejsu API wiersza poleceń.

• Otwórz konsolę poprzez Menu> Narzędzia> Konsola JavaScript.
• Wchodzić monitorEvents(window);

• Zobacz konsolę zalaną zdarzeniami

  ...
  mousemove MouseEvent {dataTransfer: ...}
  mouseout MouseEvent {dataTransfer: ...}
  mouseover MouseEvent {dataTransfer: ...}
  change Event {clipboardData: ...}
  ...
  

Są też inne przykłady w dokumentacji . Zgaduję, że ta funkcja została dodana po poprzedniej odpowiedzi.

Możesz użyć getEventListeners w konsoli programisty Google Chrome .

getEventListeners (obiekt) zwraca detektory zdarzeń zarejestrowane w określonym obiekcie.

getEventListeners(document.querySelector('option[value=Closed]'));