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

windowのonbeforeunloadハンドラで、Event#returnValueに値を入れると、ページ遷移直前にユーザーに確認ダイアログを表示することができる(んだって)。

ネタとしては古いかもしれませんが、ページ移動時にダイアログで確認する際のonbeforeloadイベントの使い方。
ページ移動時の確認ダイアログをどうやるんだったか、うろ覚えで、ちょっと調べるのに手間取ったのでメモ。

次のように書いておけば、ページ移動時に確認ダイアログを表示して移動するかどうかを確認できます。

 

window.onbeforeunload = function(event){
    event = event || window.event;
    event.returnValue = ' ページ移動時の確認文言 ';
}

Firefox2とIE7で動作。
誤って戻ってしまったりしてもダイアログが表示されるので安心ですね。