JavaScriptでフォーカスを外す方法


  1. blur() メソッドを使用する方法: blur() メソッドは、要素からフォーカスを外します。以下は、要素のIDを使用して blur() メソッドを呼び出す例です。

    document.getElementById("myElement").blur();

    このコードは、IDが "myElement" の要素からフォーカスを外します。

  2. activeElement プロパティを使用する方法: activeElement プロパティは、現在フォーカスがある要素を取得します。これを使用して、フォーカスを外すことができます。以下は、activeElement プロパティを使用する例です。

    document.activeElement.blur();

    このコードは、現在フォーカスがある要素からフォーカスを外します。

  3. フォーカスを持つ要素の参照を null に設定する方法: 要素の参照を null に設定することで、フォーカスを外すことができます。以下は、要素の参照を null に設定する例です。

    var element = document.getElementById("myElement");
    element = null;

    このコードは、IDが "myElement" の要素からフォーカスを外します。

これらは、JavaScriptを使用して要素からフォーカスを外すいくつかの方法です。適切な方法を選択し、特定の要件に合わせてコードを使用してください。