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

JavaScript でフォーカスされた DOM 要素を特定する

どの DOM 要素にフォーカスがあるかを見つけることは、ユーザー エクスペリエンスを向上させ、要素の対話を制御するために重要です。 JavaScript では、これは document.activeElement プロパティを使用して実現できます。

document.activeElement の使用

document.activeElement は、ドキュメント内で現在フォーカスされている要素を表します。入力フィールド、テキストエリア、ボタンなど、アクティブなフォーカスを持つ要素を返します。このプロパティは、すべての主要なブラウザでサポートされています。

例:

const focusedElement = document.activeElement;
console.log("Focused element:", focusedElement.tagName);

古いブラウザの代替アプローチ

古いブラウザでは、フォーカスされた要素を決定する直接的な方法がありませんでした。この検出をエミュレートするために、「フォーカス」と「ブラー」のイベント ハンドラーをすべてのフォーム フィールドに追加できます。フィールドがフォーカスを取得すると、その参照を変数に保存できます。逆に、フィールドがフォーカスを失うと、変数をクリアできます。

Blurring ActiveElement

activeElement を削除したい場合は、blur() メソッドを使用できます。 。これにより、activeElement が body 要素に変更されます。

document.activeElement.blur();

追加リソース

• [activeElement Browser Compatibility](https://developer.mozilla.org) /en-US/docs/Web/API/Document/activeElement)
• [jQuery の代替案document.activeElement](https://api.jquery.com/jQuery.fn.prop/)

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