[解決済み] どのJavaScriptイベントが発生したかを知るには?
2022-06-29 19:19:40
質問
セレクトリストがあります。
<select id="filter">
<option value="Open" selected="selected">Open</option>
<option value="Closed">Closed</option>
</select>
を選択すると
Closed
を選択すると、ページが再読み込みされます。この場合、(開いたチケットではなく)閉じたチケットが表示されます。私が手動で行うときはうまくいきます。
を選択してもページが再読み込みされないのが問題です。
Closed
と
Watir
:
browser.select_list(:id => "filter").select "Closed"
これは通常、何らかの JavaScript イベントが発火していないことを意味します。Watirでイベントを発火させることができるんです。
browser.select_list(:id => "filter").fire_event "onclick"
が、どのイベントを発火させるか知る必要があります。
ある要素にどのイベントが定義されているかを知る方法はありますか?
どのように解決するのですか?
のように見える。 ファイアバグ (Firefoxアドオン)に答えがあります。
- Firebugを開く
- HTMLタブで要素を右クリック
-
クリック
Log Events
- コンソールタブを有効にする
- ConsoleタブのPersistをクリックします(そうしないと、ページを再読み込みした後にConsoleタブがクリアされます)。
-
選ぶ
Closed
(手動で) -
をクリックすると、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 ...
関連
-
vue ディレクティブ v-html と v-text
-
vueのプロジェクトでモックを使用する方法を知っていますか?
-
[解決済み] JavaScriptで文字列が部分文字列を含むかどうかを確認する方法は?
-
[解決済み] あるJavaScriptファイルを他のJavaScriptファイルにインクルードするにはどうすればよいですか?
-
[解決済み] JavaScriptでメールアドレスを検証するのに最適な方法は何ですか?
-
[解決済み] JavaScriptでタイムスタンプを取得する方法は?
-
[解決済み] Chrome DevToolsで要素に発生したイベントを表示するにはどうすればよいですか?
-
[解決済み】JavaScriptの比較では、どちらの等号演算子(== vs ===)を使うべきですか?
-
[解決済み】JavaScriptで文字列の出現箇所をすべて置換する方法
-
[解決済み】オブジェクトからプロパティを削除する(JavaScript)
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
jsを使った簡単な照明スイッチのコード
-
vue3.0プロジェクトのアーキテクチャを構築するための便利なツール
-
jQueryのコピーオブジェクトの説明
-
[解決済み】GETできない / Nodejsエラー
-
[解決済み】React - TypeError: 未定義のプロパティ 'props' を読み取ることができない。
-
[解決済み】 env: node: macにそのようなファイルやディレクトリはありません
-
[解決済み】React Uncaught Error: 対象コンテナが DOM 要素でない [重複]。
-
JSクリックイベント - Uncaught TypeError: プロパティ 'onclick' に null を設定できません。
-
[解決済み] Chrome DevToolsで要素に発生したイベントを表示するにはどうすればよいですか?
-
[解決済み] JavaScript / jQuery のイベントバインディングを Firebug などでデバッグするには?