JavaScriptでフォーカスされている要素を取得する方法

2024-03-11 17:04 JavaScript フォーカス 要素

  1. document.activeElementを使用する方法: JavaScriptのdocumentオブジェクトのactiveElementプロパティを使用すると、現在フォーカスされている要素を取得できます。以下のコード例を参考にしてください。

    const focusedElement = document.activeElement;
console.log(focusedElement);

    このコードは、現在フォーカスされている要素をコンソールに出力します。

  2. focusイベントを使用する方法: JavaScriptのfocusイベントを使用して、要素がフォーカスされたときに特定の処理を実行することができます。以下のコード例では、focusイベントが発生したときにフォーカスされた要素を取得し、その要素の情報を表示しています。

    document.addEventListener('focus', function(event) {
 const focusedElement = event.target;
 console.log(focusedElement);
});

    このコードは、要素がフォーカスされるたびにその要素をコンソールに出力します。