JavaScript で現在フォーカスされている DOM 要素を確認するにはどうすればよいですか?

JavaScript でフォーカスのある要素を決定する

現在フォーカスを持っている DOM 要素を見つけることは、さまざまなユーザー インターフェイスにとって便利なタスクです。 interactions.

document.activeElement

この問題の解決策は document.activeElement プロパティにあります。これは、フォーカスを保持する DOM 要素への参照を提供します。このプロパティは最新のブラウザでサポートされているため、JavaScript プロジェクトの信頼できるソリューションになります。

実装

実際に document.activeElement を使用するには、フォーカスされた要素を取得できます。次のように:

const focusedElement = document.activeElement;

これにより、現在フォーカスされている要素への参照が得られ、それを操作したり必要な操作を実行したりできるようになります。

その他の考慮事項

古いブラウザでは、どのフォーム フィールドにフォーカスがあるかを検出するのは簡単ではありませんでした。回避策として、「focus」イベント ハンドラーと「blur」イベント ハンドラーをすべてのフィールドに割り当て、変数内で最後にフォーカスされた要素を追跡することができます。 「ブラー」ハンドラーは、フォーカスを失うとこの変数をクリアします。

アクティブな要素のブラー

アクティブな要素への参照を取得したら、ブラーを使用できます。そこからフォーカスを削除するメソッド。これは、プログラムでフォーカスを別の要素に移動する必要がある場合に役立ちます。

document.activeElement.blur();

これにより、フォーカスが body 要素に戻ります。

関連リソース

• [アクティブ要素ブラウザ互換性](https://developer.mozilla.org/en-US/docs/Web/API/document.activeElement#Browser_compatibility)
• [document.activeElement の jQuery 代替](https://stackoverflow. com/questions/9508980/jquery-alternative-for-document-activeelement)

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