javascript - JavaScript によるキャッシュの問題

Question

ページ上のフィールドの変更を検出するためのこの JavaScript コードがあります。IE では問題なく動作しますが、残念ながら chrome では動作しません。なぜこれが起こっているのか本当にわかりません。別のブラウザやユニットからアクセスしようとすると。この JavaScript はうまく機能していません。正しく機能させるには、キャッシュ履歴をクリアする必要があります。コードは次のとおりです。

var ctr = 1;
    var isFirstLoad = true;


    function propertyChangedByCode() {
        ctr = 0;
        propertyChanged();
    }

    function propertyChanged() {
        if (document.readyState == "complete") {
            $('[id$=SaveButton]').removeAttr("disabled");
            $('[id$=SaveButton]').removeAttr("class");
            $('[id$=SaveButton]').addClass("btn btn-primary");
            warnMessage = 'Warning: You have unsaved changes.';

            console.log(ctr);

            window.onbeforeunload = function () {
                if (ctr == 0) {
                    return warnMessage
                }
                else if (ctr == 1) {
                    ctr = 0;
                }
            }
        }
    }

    $("body").click(function (event) {
        console.log(event.target);
        if (event.target.type == "submit" && event.target.value != "Save" && event.target.value != "Cancel" && event.target.value != "Next") {
            ctr = 0;
            propertyChanged();
            console.log("BODY clicked");
        }
    });

    function pageLoad() {

        jQuery("input.datepicker").dp({
            dateFormat: 'M d, yy',
            altFormat: 'yy-mm-dd',
            buttonText: '<i class="icon icon-calendar"></i>',
            showOn: 'both'
        });

        $("button.ui-datepicker-trigger").addClass('btn right');

        console.log("PageOnLoad: " + ctr);

        var warnMessage = 'Warning: You have unsaved changes.';
        $('input[type="text"],select,textarea').each(function (k, v) {

            var elem = $(this);
            // Save current value of element
            elem.data('oldVal', elem.val());

            // Look for changes in the value
            elem.bind("change keyup input paste", function (event) {
                ctr = 0;
                // If value has changed...
                if (elem.data('oldVal') != elem.val()) {
                    propertyChanged();
                }
            });
        });

        $('.btn').click(function (e) {
            console.log("whatever");
            ctr = 1;
        });

        //ui-datepicker-trigger
        $('.ui-datepicker-trigger').click(function (e) {
            console.log("date");
            ctr = 0;
        });

        if (isFirstLoad) {
            window.onbeforeunload = null;
            $('[id$=SaveButton]').attr("disabled", "disabled")

            console.log("Disable");

            isFirstLoad = false;
        }

これで、システムのキャッシュを無効にする道を歩むことにしました。このコードをマスター ページ page_load に配置しました。

Response.Cache.SetCacheability(System.Web.HttpCacheability.NoCache)
Response.Cache.SetNoStore()
Response.Cache.SetAllowResponseInBrowserHistory(True)

私の調査に基づいて、これらの 3 行はアプリケーションのキャッシュを無効にします。キャッシュをクリアしようとし、フィールドにいくつかの値を入力し、保存をクリックしてそのページを再度参照しましたが、フィールドは以前の入力をオートフィルに表示しています。したがって、キャッシュの無効化は機能しないと想定しています。キャッシュの無効化がうまくいかない理由はありますか? ブラウジング キャッシングに関して何か提案はありますか? また、JavaScript を正しく動作させるためにキャッシュをクリアする必要があるというこの問題が発生しているのはなぜだと思いますか? 最後に、IE では動作するのに chrome では動作しないのはなぜですか? ありがとう！質問が多くてすみません。