ウィンドウのアクティブ・非アクティブ
アクティブなウィンドウと、そうでないウィンドウで処理を分けたい。
場合によっては、非アクティブにしたい時とかにどうするか。
blur/focus
イベントのblur(非アクティブ)、focus(アクティブ)を操作すると良いです。
対象ウィンドウオブジェクトに、 focus
関数を使うと、アクティブウィンドウを切り替えたり出来ます。
新しいウィンドウを生成→ウィンドウのフォーカスを変更とかが出来ます。
イメージしやすいように試す方法
アドバイスいただきました、ありがとうございます!
ですね
— こべに(D. Horiyama) (@wand_ta) 2020年2月25日
window.addEventListener('blur', () => {console.log('inactive');});
window.addEventListener('focus', () => {console.log('active');});
これをF12の開発者ツールのコンソールに打ち込んで、ウィンドウと開発者ツールを行き来してみればわかりやすいかと
window.addEventListener('blur', () => {console.log('inactive');}); window.addEventListener('focus', () => {console.log('active');});
これを仕込んでから、タブやウィンドウをクリックして、アクティブ・非アクティブを切り替えるとわかりやすいかもです!