どのJavaScriptイベントが発生したかを知る方法は？

選択リストがあります：

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

Closedページを選択するとリロードします。この場合、（オープンではなく）クローズされたチケットが表示されます。手動で行うとうまくいきます。

問題は、Watirで選択Closedしたときにページがリロードされないことです。

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

これは通常、JavaScriptイベントが発生しないことを意味します。Watirでイベントを発生させることができます：

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

しかし、どのイベントを起動するかを知る必要があります。

要素に定義されているイベントを見つける方法はありますか？

Chromeでもこれを実行できると私が付け加えたいと思いました：

Ctrl+ Shift+ I（開発者ツール）>ソース>イベントリスナーブレークポイント（右側）。

要素を右クリックし、そのプロパティ（右側のパネル）を参照するだけで、既にアタッチされているすべてのイベントを表示することもできます。

例えば：

firebugオプションと同じくらい強力かどうかはわかりませんが、ほとんどの場合十分です。

少し異なるが驚くほど素晴らしいもう1つのオプションは、ビジュアルイベントです。http： //www.sprymedia.co.uk/article/Visual+Event+2

バインドされているページ上のすべての要素を強調表示し、呼び出された関数を示すポップオーバーがあります。ブックマークにはかなり気の利いた！Chromeプラグインもあります。それがあなたの好みであれば、他のブラウザについてはわかりません。

AnonymousAndrewもここで指摘していますmonitorEvents(window);

以下のように見えるのFirebugは（Firefoxのアドオン）の答えがあります。

• Firebugを開く
• HTMLタブで要素を右クリック
• クリック Log Events
• コンソールタブを有効にする
• [コンソール]タブで[永続化]をクリックします（それ以外の場合は、ページがリロードされると[コンソール]タブはクリアされます）
• 選択Closed（手動）

• [コンソール]タブに次のようなものが表示されます。

  ...
  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
  ...

ソース：Firebugヒント：イベントのログ

Chromeについては、コマンドラインAPIを介してmonitorEvents（）をチェックアウトしてください。

• メニュー>ツール> JavaScriptコンソールからコンソールを開きます。
• 入る monitorEvents(window);

• イベントであふれているコンソールを表示する

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

ドキュメントには他の例があります。この機能は前の回答の後に追加されたと思います。

Google ChromeデベロッパーコンソールでgetEventListenersを使用できます。

getEventListeners（object）は、指定されたオブジェクトに登録されているイベントリスナーを返します。

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