ページ移動の前に確認をする、onbeforeunloadサンプル
2008年04月28日-
スポンサード リンク
ページ遷移前に確認をする、onbeforeunload - 実用
ページ移動時の確認ダイアログをどうやるんだったか、うろ覚えで、ちょっと調べるのに手間取ったのでメモ。
次のように書いておけば、ページ移動時に確認ダイアログを表示して移動するかどうかを確認できます。
windowのonbeforeunloadハンドラで、Event#returnValueに値を入れると、ページ遷移直前にユーザーに確認ダイアログを表示することができる(んだって)。ネタとしては古いかもしれませんが、ページ移動時にダイアログで確認する際のonbeforeloadイベントの使い方。
ページ移動時の確認ダイアログをどうやるんだったか、うろ覚えで、ちょっと調べるのに手間取ったのでメモ。
次のように書いておけば、ページ移動時に確認ダイアログを表示して移動するかどうかを確認できます。
window.onbeforeunload = function(event){
event = event || window.event;
event.returnValue = ' ページ移動時の確認文言 ';
}
Firefox2とIE7で動作。
誤って戻ってしまったりしてもダイアログが表示されるので安心ですね。
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- 筆で書いたようなカナ書体「筆竹仮名B」
- 無料・商用利用可な丸文字ピクセルフォント「マルミーニャM」
- スペースコブラ風フォント
- Next.jsのVercelから商用利用可能なフリー汎用フォント「Geist Font 」
- 無料で使えるいい感じの日本語フォント「しっぽり太ゴシック」
- CSSのみで実装された500種類のローディングアニメーション「CSS Loaders」
- 画像ホバーで様々なエフェクトをかけられる「Izmir」
- CSSのbox-shadowをGUIで生成できる「CSS Box Shadows Generator」
- 好きな画像や文字を埋め込んだQRコードをリアルタイムで作れるWEBツール
- 約7500種の汎用ピクトグラムアイコン集「Phosphor Icons」
- 過去のエントリ