JavaScript でフォーカスを決定および管理するにはどうすればよいですか?

JavaScript でのフォーカス追跡

JavaScript では、どの DOM 要素が現在フォーカスを保持しているかを判断する機能は、次のようなさまざまなアプリケーションにとって重要です。ナビゲーションとアクセシビリティ。

フォーカスされた要素を見つけるには、document.activeElement プロパティを使用します。このプロパティは、すべての主要なブラウザでネイティブにサポートされています。

たとえば、次のコード スニペットは document.activeElement を利用しています。

console.log(document.activeElement.id); // Outputs the ID of the focused element

document.activeElement プロパティは、body 要素にフォーカスを返します。フォーカスを明示的に削除するには、blur メソッドを利用できます。

document.activeElement.blur();

古いブラウザでは、フォーカスされたフォーム フィールドを検出するには別のアプローチが必要でした。各フィールドに「focus」イベント ハンドラーを利用して、最後にフォーカスされたフィールドを変数に記録することができます。さらに、「ぼかし」ハンドラーを使用して、フォーカスが最後にフォーカスされたフィールドを離れたときに変数をクリアすることもできます。

詳細については、次のリソースを参照してください。

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

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