Question

我正在创建一个在线文本编辑器。

我使用jQuery在客户端存储信息

$(document).ready(function () {
    $('#type-name').blur(saveSettings);
    loadSettings();
});

function loadSettings() {
    $('#type-name').val(localStorage.typewriter);
}

function saveSettings() {
    localStorage.typewriter = $('#type-name').val();
}

这将保存用户所写的内容，但不会保存所有内容。它似乎只能节省一定数量并恢复到之前的状态。但当我离开它20秒时，它会保存并起作用。如何更改保存率？

Answer 1

$(document).ready(function () {
    var blur_timeout_id;

    $('#type-name').blur(function () {
        if (blur_timeout_id) {
            clearTimeout(blur_timeout_id);
        }

        blur_timeout_id = setTimeout(function () {
            saveSettings();
        }, 1000); // or 10000, etc.
    });

    loadSettings();
});

function loadSettings() {
    $('#type-name').val(localStorage.typewriter);
}

function saveSettings() {
    localStorage.typewriter = $('#type-name').val();
}

设置localStorage保存的频率

1 个答案: