window.focus()メソッド

window.focus()は、ウィンドウにフォーカスを当てるメソッド。

構文

<script type="text/javascript">
window.focus();
</script>

サンプルA

サンプルAの動作について

「新たにウィンドウを開く」ボタンをクリックすると、新たなウィンドウを開き、開いたウィンドウを前面に移動する。

サンプルAのソースコード

JavaScript

<script type="text/javascript">
function sampleOpenWindow() {
    sampleWindow = window.open( '', 'sample', 'width=300,height=300' );
    sampleWindow.document.write( "<p>サンプルウィンドウ</p>" );
    sampleWindow.focus();
}
</script>

HTML

<div class="sample">
    <button onclick="sampleOpenWindow()">新たにウィンドウを開く</button>
</div>

CSS

<style type="text/css">
.sample button {
    font-size: 16px;
}
</style>

サンプルB

サンプルBの動作について

「新たにウィンドウを開く」ボタンをクリックすると、新たなウィンドウを開き、開いたウィンドウを前面に移動する。

サンプルBのソースコード

JavaScript

<script type="text/javascript">
window.onload = initialize;
function initialize() {
    document.getElementById( 'sampleOpenWindow' ).onclick = sampleOpenWindow;
}
function sampleOpenWindow() {
    sampleWindow = window.open( '', 'sample', 'width=300,height=300' );
    sampleWindow.document.write( "<p>サンプルウィンドウ</p>" );
    sampleWindow.focus();
}
</script>

HTML

<div class="sample">
    <button id="sampleOpenWindow">新たにウィンドウを開く</button>
</div>

CSS

<style type="text/css">
.sample button {
    font-size: 16px;
}
</style>

スポンサード リンク

カテゴリー: JavaScript, Windowオブジェクト, ブラウザオブジェクト, メソッド, リファレンス, 操作 パーマリンク