ページ移動後に処理がしたい

Question

$(window).on('beforeunload', function() {
    return '移動していいですか？';
});

これだと移動する前にしか処理できなくて

$(window).unload(function() {
    alert('ページ移動');
});

これはうまく動かなかったんですが、
ページ移動するときに処理するにはどうしたらいですか？

-----追記--------

node.jsでゲームの開発をしています。

一対一の対戦で、ページを抜けたら抜けたプレイヤーは負けて、相手に勝利の告知をさせたいと考えています。

server側

socket.on('lose', function(data){
	socket.to(otherPlayer_id).emit('win');
	//勝敗による得点の計算
});

client側

socket.on('win', function(){
	//勝利時の画面処理
});

$(window).bind("beforeunload", function() {
	return ページを抜けたら勝負に負けます。よろしいですか？
});

function lose(){
	sokcet.emit('lose', data);
}

プレーヤーがページから離れようとして、「ページを離れる」ボタンを押した時に関数loseを実行したいと思っています。良い方法ありませんか？

Answer 1

ページ遷移してしまったらその画面から制御が外れてしまうので、何もできないのではないでしょうか？
もし何かしたいのであれば、遷移先の初期表示の方に仕込む必要があるのではないかと思います。

Comments

[TaMaMhyu]

そもそも何をしたいのかがわからないと適切な回答は得られません。

[kooya]

そうですね。すみません。
追記したのでよろしくお願いします。

[TaMaMhyu]

強制的に閉じられたり、通信が途絶した場合まで考慮する必要があるのであれば、クライアント側からの定期的な通信で、サーバ側のタイマー処理が必要になると思います。

Answer 2

非常な雑なコードですが

(function (){
  function setLoseAlertEvent (){
    removeLoseAlertEvent();
    alert("Your defeat...");
  }
  function removeLoseAlertEvent (){
    removeEventListener("blur",setLoseAlertEvent,false);
  }
  addEventListener("blur",setLoseAlertEvent,false);
}());

こういう処理でしょうか？

(function (){
  var newWindow=window.open("");
  newWindow.document.write("<script language='javascript'>alert('Your defeat...')</script>");
  newWindow.document.close();
}());

もしくはこういう類いですかね？
見当違いなら申し訳ないです。

Answer 3

今更ですが、socket.ioを使っているのであれば、サーバ側でdisconnectで処理をすればいいのではないでしょうか・・・？

Comments

[kooya]

たしかに！やってみます。

Answer 4

TaMaMhyu さんの回答にあるように

... 遷移先の初期表示の方に仕込む必要がある...

と思います。

ページ遷移関係のイベントについての情報を紹介します。

• HTML5で追加になったEventハンドラを一覧にしました http://shared-blog.kddi-web.com/activity/221

• 今いるWEBページから別のWEBページに遷移した時に警告するJavaScript(jQuery) http://lab.boy.jp/m/%E4%BB%8A%E3%81%84%E3%82%8Bweb%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%8B%E3%82%89%E5%88%A5%E3%81%AEweb%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AB%E9%81%B7%E7%A7%BB%E3%81%97%E3%81%9F%E6%99%82%E3%81%AB%E8%AD%A6-31.html

... jQuery unload()を使ってできるようなのですが なんとjQuery 1.8で廃止に ...

Comments

[kooya]

遷移先が特定されていなく、「ページを移動する」のボタンを押した時にある処理を実行したいのですが、やはりできないでしょうか？

[TaMaMhyu]

そういうことであれば、専用の画面を間に用意して、リダイレクトするなどの対応方法になる気がします。

[kooya]

具体的に、ユーザーが「戻る」「更新」ボタンをおした時、またはタブを閉じた時に処理をさせたいので、遷移先が自分の管理するページじゃない時に間にページを挟むにはどうしたら良いですか？すいません。いまいち想像できません。

[katoy]

"page 移動後の処理" ではなく、あくまでも "page 移動前の処理" になりますが、
こんな例をみつけました。
- JavaScriptで前ページから受け取ったパラメータ先へリダイレクトする [http://www.nk0206.com/life/2014/04/js-redirect.html]

本当に page 移動後に処理を組み込む必要があるケースがあるのですか？
自分で作っているサイト内の任意のページに ページ表示前に処理を組み込むということなら、onload イベントで処理を
組み込むことは可能になります。
サイト外のページへの移動後に処理を組み込むことは セキュリティの面からも無理なのではと思います。

[TaMaMhyu]

すべてのパラメータをスルー処理するための画面を用意して、遷移先をすべてそこに変えて、パラメータとして元の遷移先URLを追加で渡すような形になると思います。
ただ、さすがにブラウザのタブやウィンドウを閉じた場合にその先を処理するのは無理です。この場合は直前の処理で実装する方法を検討する必要があります。