JavaScript でフォーカスされた DOM 要素を見つけて管理するにはどうすればよいですか?

フォーカスのある DOM 要素の検索

対話型 Web アプリケーションを開発する場合、どの要素がフォーカスを保持しているかを決定することは、次のようなさまざまな機能にとって重要です。ナビゲーションとフォームの検証。 JavaScript では、フォーカスされた要素の識別は document.activeElement.

を使用して行われます。フォーカスされた要素を取得するには、document.activeElement にアクセスするだけで、現在入力フォーカスがある DOM 要素が返されます。この方法は、主要なブラウザ間で広くサポートされています。

レガシー ブラウザでのフォーカス検出のエミュレート

document.activeElement をサポートしていない古いブラウザでは、フォーカス検出を近似できます。フォーカス イベントとブラー イベントのイベント ハンドラーを実装することによって。フォーム フィールドごとに、フォーカス イベント ハンドラーを追加して、フォーカスされたフィールドの ID でグローバル変数を更新します。さらに、フォーカスされたフィールドがフォーカスを失ったときに変数をクリアするぼかしハンドラーを追加します。

フォーカスの削除

必要に応じて、ぼかしを使用してアクティブな要素からフォーカスを削除できます。 。 document.activeElement.blur() を呼び出すと、アクティブな要素からフォーカスが削除され、それが body 要素に設定されます。

以上がJavaScript でフォーカスされた DOM 要素を見つけて管理するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。