問題タブ [dom-events]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
8553 参照

javascript - WebKit ブラウザで「Escape」キープレスをキャプチャする

escape表示されるダイアログ ボックスがあり、キーを押したときに再び非表示にしたいです。

IE、Firefox、Opera ではすべて正常に動作します。コードdocument.onkeypressは、ボックスが表示されたときにイベント ハンドラーを登録し、イベント keyCode をテストして、それがエスケープ キーであるかどうか (keyCode 27) を確認しますが、これは機能していません。 WebKit ベースのブラウザー (Chrome および Safari (3) ) では、他のキーはこの方法で取得できます。

エスケープが押されたときにWebKitブラウザはイベントをまったくトリガーしませんか?

これが機能しない理由、修正方法、または回避策を知っている人はいますか?

0 投票する
5 に答える
20934 参照

javascript - 埋め込み要素の読み込みイベント

埋め込みオブジェクトのオンライン イベントを実行すると、それは機能しているように見えますが、イベントを介して機能onloadさせることができないようです。これは期待されていますか?loadaddEventListener

0 投票する
2 に答える
15888 参照

javascript - JavaScript OnBlurイベントは、HTMLフォームの送信を防ぎます

次の形式を検討してください。

「x」という名前の要素にフォーカスがあり、ユーザーが送信ボタンを押すと、onblurイベントは発生しますが、フォームは送信されません。onblur フォームにイベントがある場合、送信ボタンを期待どおりに機能させる方法はありますか?

0 投票する
5 に答える
8525 参照

javascript - テキスト フィールドが 1 つの HTML フォーム + Internet Explorer でのポストバックの防止

IE でかなり奇妙な動作に気付きました。

入力テキスト フィールドが 1 つと送信ボタンがある HTML フォームがあります。

[送信] をクリックすると、必要な処理を行うクライアント側の JavaScript 関数を実行する必要があります。

テキストフィールドでのポストバックを防止したいとき(Enterキーを押したとき)。

次のようなキー プレス JavaScript 関数を追加しました。

奇妙なことに、これは機能しません。


しかし、テキストフィールドを関数に渡すと:

ポストバックを防ぐことができます。

ここで正確に何が起こっているかを誰かが確認できますか?

HTML フォームには、テキスト ボックスと送信ボタンが 1 つだけあります。

送信時に実行された JavaScript 関数の結果の出力は、別の div の HTML テキスト領域に表示されます。

0 投票する
5 に答える
176136 参照

javascript - 要素がフォーカスを失ったときに JavaScript を実行する

フォーカスを失ったときに JavaScript コードを実行したい標準の HTML 入力があります。悲しいことに、私の Google 検索では、これを行う方法が明らかになりませんでした。

明確にするために、これを行う方法を探しています:

0 投票する
4 に答える
1154 参照

javascript - 特定のページ要素のみがロードされたときの測定

実際のクライアント側のパフォーマンスを測定するために、 Jiffyの修正バージョンを使用します。

最も重要なことは、リクエストを受信して​​からブラウザでページ読み込みイベントが発生するまでの時間を測定することです。

一部のページにはiframe、当社が管理していない外部サイトを参照する要素が含まれています。これらの要素は、読み込みに時間がかかる場合があります。現時点では、ページのページ ロード イベントは、iframeが完全にロードされた後にのみ発生します (そして、それ自体のロード イベントが発生します)。

これらの測定値を分けたいと思います - を含むすべてiframeがロードされた後に 1 つの測定を行いますが、 を含まない 1 つの測定も行いますiframe- つまり、 がなければページのロードが発生したときiframeです。

これまでのところ、これを行うことができた唯一の方法はiframe、ページ読み込みイベントの後に を DOM に追加することですが、それでは iframe の読み込みが遅れます。

何か案は?

編集: 報奨金は終わりました。助けとアイデアをありがとう! 新しいアイデアが得られたため、Jedの回答を選択しました.iframeの読み込みを開始しますが、ページの読み込みに影響を与えないように「一時停止」します(一時的に設定することによりsrc="about:blank")。私の結果のより詳細な要約を追加しようとします。

0 投票する
6 に答える
102249 参照

javascript - JavaScript イベント ハンドラーをクリア/削除する方法は?

次の HTML フラグメントがあるとします。

onsubmit イベントのハンドラーを削除/クリアし、jQuery またはその他の JavaScript 使用法を使用して独自のハンドラーを登録する必要があります。

0 投票する
26 に答える
1959803 参照

javascript - ページの読み込み後に JavaScript を実行する方法は?

<script>insideを使用して、外部スクリプトを実行してい<head>ます。

ページが読み込まれる前にスクリプトが実行されるため<body>、とりわけ にアクセスできません。ドキュメントが「読み込まれた」(HTML が完全にダウンロードされ、RAM 内にある) 後に JavaScript を実行したいと考えています。スクリプトの実行時にフックできる、ページの読み込み時にトリガーされるイベントはありますか?

0 投票する
7 に答える
113288 参照

javascript - JavaScript の要素をプログラムでクリックするにはどうすればよいですか?

IE では、element.click()JavaScript から呼び出すことができます。Firefox で同じタスクを実行するにはどうすればよいですか? 理想的には、クロスブラウザーで同様に機能する JavaScript が必要ですが、必要に応じて、ブラウザーごとに異なる JavaScript を使用します。