ページ遷移前に確認をする、onbeforeunload - 実用

JavaScriptwindowのonbeforeunloadハンドラで、Event#returnValueに値を入れると、ページ遷移直前にユーザーに確認ダイアログを表示することができる(んだって)。 以下コードの正常動作を、Firefox 2.0とIE 7で確認した。Operaでは実行されなかった。 window.onbeforeunload = function(event){ event = event || window.event; event.returnValue = '?'; } 以下は、IEとFirefoxの確認ダイアログのキャプチャ。 MochiKitでは、Event#confirmUnloadで確認ダイアログを出せる。 connect(window, 'onbeforeunload', function(event){ event.confirmUnload('?'

[efcl]

移動(戻る)時に確認ダイアログを出す

[raimon49]

event.returnValueに入れた内容がメッセージとして表示される。

[C_L]

MacIE5だと、ぶっ込む文字列がUTF-8だと、GUIがSJISを期待しているので化けて表示される。<script charset="UTF-8" src="sjis.js" />とか書いておいて、sjis.jsをSJISで sjisString = "ほげ";とか書いておきそれを利用すると、化けないで済んだ。

[xondhi]

へぇ知らなかった・・。

[takatoshiono]

なるほど

[nitsuji]

なるほど

[usj12262]

うんうん

[wacky]

ページ遷移直前にユーザーに確認ダイアログを表示することができるonbeforeunloadイベントハンドラ。