ブラウザの「戻る」ボタンで確認ダイアログを表示させない方法

ブラウザの「戻る」ボタンで確認ダイアログを表示させない方法をご教授頂けないでしょうか。

ページを閉じる際にダイアログを表示させたかったので、下記の通り記述をしていますがサイト内のページの移動の際はダイアログを表示させない様にしたいと思っています。

$(function(){
    var loc=false;
    $(window).bind("beforeunload", function(e) {
        // 確認メッセージに表示させたい文字列
        if (!loc) {
            return "入力は完了していません｡";
        }
    });
    // aリンクを遷移OKにする場合はこのコメントを外す
    //$('a').click( function() {loc=true;});
    $("form").submit(function(){loc=true;});
});</script>
コード

この記述をページ全てに記述し、ダイアログを表示させたくない<a>タグには、

onclick="window.onbeforeunload = null"
コード

を、記述させました。

kei344

2016/08/23 01:43

コードはコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

MaShiRo_H

2016/08/23 01:54

はじめまして＾＾一緒に考えたいので、もう少し詳しく挙動を教えていただいてもよろしいですか？？どういった場合に(入力フォームが未入力・submit時に確認を出したい等...)ダイアログが表示され、どういった場合に表示されないのでしょう？

emiri

2016/08/23 02:57

MaShiRo_H様はじめまして。ご連絡ありがとうございます。現状は、ページ内のメニューボタンなどからは下層ページへ行ったり、トップページへ戻ったりする場合のダイアログは表示に出来ています。ダイアログはサイトを閉じる際にだけ表示されれば良いので、ブラウザの「戻る」でダイアログが出ない様にしたいと思っています。

行動規範の内容に同意します

回答1件

locのスコープかな？

javascript
1var loc=false; // ここが正しい？
2$(function(){
3  // var loc=false;
4  $(window).bind("beforeunload", function(e) {
5  // 確認メッセージに表示させたい文字列
6  if (!loc) {
7    return "入力は完了していません｡";
8  }
9});
10// aリンクを遷移OKにする場合はこのコメントを外す
11$('a').click( function() {loc=true;});
12$("form").submit(function(){loc=true;});