ページ上の閉じるボタン【✕】を押したら、別ページにジャンプする方法

お世話になります。
素人の質問なので、なかなかお伝えするのが
難しいですが、皆様のお力をお借りしたく投稿させて頂きます。

１つのページを閉じると、
別のサイトが自動的に表示される方法を
もし、ご存知の方がいたら
教えて頂いてもよろしいでしょうか。

例えば、ディズニーランドのＨＰを開いていて
ページの✕ボタンを押したら、ユニバーサルスタジオのＨＰが
表示されるようなイメージです。

何卒、宜しくお願い致します。

行動規範の内容に同意します

回答1件

ベストアンサー

Javascriptで実現できます。

javascript
1
2//windowが閉じた時のイベント登録
3window.onbeforeunload = function(){
4  //新しいウインドウでページを開く（ここではyahoo）
5  window.open('http://www.yahoo.co.jp/', '_blank');
6}

ただし、ポップアップブロックにひっかかったり、UI的にはウザい感じになるかと思います。

投稿2016/03/10 03:18

amaranthine

総合スコア501

ryoma0707

2016/03/10 03:21

ありがとうございます。上記はどのように使用すればよろしいのでしょうか。 <head>〜</head>間に埋め込むのでしょうか。素人の質問で申し訳ございません。

ryoma0707

2016/03/10 04:12

amaranthine 様お世話になっております。上記の件でございますが <head>内に埋め込んだ結果、 Safari上での動作確認はできました。しかし、GoogleChrome、InternetExplorerでの動作確認が出来ません。その他にやるべきことはございますでしょうか。何度もお聞きして申し訳ございませんが何卒、宜しくお願い致します。 <script type="text/javascript"> //windowが閉じた時のイベント登録 window.onbeforeunload = function(){ //新しいウインドウでページを開く window.open('URLURLURLURL', '_blank'); } </script> </head>

amaranthine

2016/03/10 04:18

bodyタグの中、下の方にという感じかなと思います。私はIEで動作確認しました。

ryoma0707

2016/03/10 04:28

ありがとうございます。 bodyタグの最下部に埋め込んで再度試してみます。 </div> <script type="text/javascript"> //windowが閉じた時のイベント登録 window.onbeforeunload = function(){ //新しいウインドウでページを開く window.open('★★★', '_blank'); } </script> </body> </html>

ryoma0707

2016/03/10 04:39

GoogleChromeでは、ポップアップを解除したら出来ました！あとは、IEとスマホです。 IEのポップアップ解除に苦戦していますが、なんとかやってみます。完了しましたらご報告致しますね！もちろんベストアンサー付けさせて頂きます！

ryoma0707

2016/03/10 04:51

現状ですが、Safari、GoogleChrome、IEではポップアップブロックを解除して動作が確認できました。しかし、スマホだと動作の確認ができません。スマホはスマホ用で何か変える必要がございますでしょうか。

amaranthine

2016/03/10 05:20

pagehide()やunload()でしょうか。主要モバイルブラウザ遷移時のイベントの種類と挙動 - Qiita http://qiita.com/damele0n/items/e1b48b35dea9be14e199

行動規範の内容に同意します