JavaScriptでwindow.focusが動作しない問題の解決方法

ウィンドウがすでにフォーカスされているか確認する: window.focus()メソッドを呼び出す前に、ウィンドウがすでに別の要素やイベントによってフォーカスされている可能性があります。ウィンドウがフォーカスされていない場合は、window.focus()は機能しません。document.hasFocus()メソッドを使用して、ウィンドウがフォーカスされているかどうかを確認してから、window.focus()を呼び出してみてください。

例:

if (!document.hasFocus()) {
 window.focus();
}

ポップアップブロッカーの制限を確認する: ポップアップブロッカーは、自動的に新しいウィンドウやタブを開く試みをブロックする場合があります。window.open()メソッドや他のウィンドウを開くメソッドを使用している場合、ブラウザのポップアップブロッカーの制限を確認してください。ポップアップブロッカーが有効になっている場合は、window.focus()もブロックされる可能性があります。

イベントハンドラ内で呼び出す: window.focus()をイベントハンドラ内で呼び出すこともできます。たとえば、ボタンがクリックされたときにウィンドウをフォーカスする場合は、ボタンのクリックイベントハンドラ内でwindow.focus()を呼び出してみてください。

例:

const button = document.getElementById('myButton');
button.addEventListener('click', function() {
 window.focus();
});