前の記事 ≪:バーチャルキーボード実装用JSライブラリ
次の記事 ≫:投票用ウィジェットを簡単に作成できるサービス「Vizu」

ページ移動の前に確認をする、onbeforeunloadサンプル

2008年04月28日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
ページ遷移前に確認をする、onbeforeunload - 実用
windowのonbeforeunloadハンドラで、Event#returnValueに値を入れると、ページ遷移直前にユーザーに確認ダイアログを表示することができる(んだって)。
ネタとしては古いかもしれませんが、ページ移動時にダイアログで確認する際のonbeforeloadイベントの使い方。
ページ移動時の確認ダイアログをどうやるんだったか、うろ覚えで、ちょっと調べるのに手間取ったのでメモ。

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

 

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

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

関連の記事検索:event, Ajax, Web制作
スポンサード リンク

By.KJ : 2008年04月28日 10:04 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)