ページを移動するときに警告を出す方法
このページではサンプル設置のため、ページを移動するときに警告が出る場合があります。
フォームの入力などで、入力中に間違って別ページに移動してしまって、入力した内容が無駄になってしまうことがあります。
そんなときにはフォームのsubmitボタンでの遷移以外は警告を出すようにすることができます。
ただこのイベントはブラウザによって実装が違うため、動作しないブラウザもありますし、誤動作する場合も考えられます。
ページ遷移で警告を出すには、onBeforeunloadイベントを使います。
window.onbeforeunload = function(event){
event = event || window.event;
event.returnValue = 'ページから移動しますか？';
}
これだけだとsubmitボタンでページを移動したときにも警告が出てしまうので、submitボタンでは警告が出ないようにします。
<script type="text/javascript">
<!--
var is_note_msg=true;
window.onbeforeunload = function(event){
if(is_note_msg){
event = event || window.event;
event.returnValue = '入力中のページから移動しますか？';
}
}
-->
</script>
<form action=".." method="POST" onSubmit="is_note_msg=false;">
<input type="submit" value="送信" />
</form>
サンプル
関連記事
- JavaScriptで64bit版か32bit版の判別をする方法
- 経過時間、残り時間をリアルタイムに表示する方法
- 時間をHH:ii:ssのフォーマットで表示する方法
- ゼロ埋めする方法 printfの代替
- ページのタイトルを変更する titleタグ
- リンクを別ウインドウで開きながら、元のウインドウのページを遷移させる方法
- 複数のチェックボックスを同時にチェックする 全選択チェックボックス
- Aタグのtarget属性をJavaScriptで指定する方法
- IE6でmin-width、max-width、min-height、max-heightを使用する方法
- 入力フォームでコピペ(コピー&ペースト)を禁止する方法
- 表示、非表示を切り替える方法
スポンサーリンク
