[JavaScript] ウィンドウを最前面にする（window名.focus()）

投稿日：2018年9月19日

ウィンドウを最前面にするには、window名.focus() を使用します。

サンプルソース

例）ボタンを押すと、サブウィンドウを最前面にする

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>ウィンドウを最前面にするサンプル</title>
<script>
//ウィンドウを格納する変数
var win01;
var win02;

window.onload = function(){
  //サブウィンドウを表示する
  win01 = window.open("xx1.html");  //画面１
  win02 = window.open("xx2.html");  //画面２
}
</script>
</head>
<body>
  <input type="button" value="ボタン１" onclick="win01.focus();">
  <input type="button" value="ボタン２" onclick="win02.focus();">
</body>
</html>

<!DOCTYPE html>

<head>

<title>ウィンドウを最前面にするサンプル</title>

//ウィンドウを格納する変数

var win01;

var win02;

window.onload = function(){

//サブウィンドウを表示する

win01 = window.open("xx1.html"); //画面１

win02 = window.open("xx2.html"); //画面２

}

</script>

</head>

<body>

</body>

</html>

ボタン１を押すと画面１を、ボタン２を押すと画面２が最前面になります。

解説

ウィンドウの変数に対して.focus()を行うと、ウィンドウが最前面に移動します。
ブラウザのタブ表示の場合は、対象ウィンドウにフォーカスが当たります。

執筆者：とら