ページを移動するときに警告を出す方法

このページではサンプル設置のため、ページを移動するときに警告が出る場合があります。

フォームの入力などで、入力中に間違って別ページに移動してしまって、入力した内容が無駄になってしまうことがあります。
そんなときにはフォームの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>

サンプル

ここは警告が出ます。

スポンサーリンク

関連記事

スポンサーリンク

Interactive Quadratic B?zier Shape Example 対話型二次ベジエ形状の例

ホームページ製作・web系アプリ系の製作案件募集中です。

上に戻る