[JavaScript] window.open()を使いつつ、マウスカーソルをaタグと同じにするには

2010-04-29 技術

　以下のように記述すればOKです。

<a href="url"
  onClick="window.open(this.href, 'window_name',
    'scrollbars=yes,width=772,height=900');
    return false;">
  リンクタイトル
</a>

　ポイントは「return false」です。これがないと、親ウィンドウも子ウィンドウも画面遷移してしまいます。

　imgタグにonClickを書いている場合も上記の書き方への移行をオススメします。(CSSで設定可能ではありますが、通常は)マウスカーソルがリンク可能状態に変わらないため、画像にリンクが張られているのかどうかがユーザに分からないのです。

　子ウィンドウの方で制御してよいのなら、onClickに書いた処理は子ウィンドウに移してください。ただ、決してオススメはしません。何故なら、子ウィンドウのURLをアドレスバーに直打ちして表示すると、ウィンドウサイズが強制的に変更されるからです…。タブブラウザを使っていると本当に凹みますので、避けた方がよいでしょう。

タグ: JavaScript