ページを離れる時に警告を表示するには、onBeforeUnloadを使用します。
「ページを離れる」には、画面遷移、Submit、ウィンドウを閉じるがすべて含まれます。
サンプルソース
例）ページを離れる時にメッセージを表示する
|
1 2 3 4 5 |
window.onload=function(){ window.addEventListener('beforeunload', function(e){ e.returnValue = "ページを離れます。よろしいですか？"; }, false); } |
実行サンプル
当ページから離れようとするとメッセージが表示されます。
解説
- ブラウザによっては、指定したメッセージが表示されません。（Chromeなど）
- onBeforeUnloadイベントは、画面遷移時、Submit時、ウィンドウを閉じる時すべてで発生するので、閉じる時以外は表示させたくないなどの場合はフラグなどで制御する必要があります。