自动保存更改事件

Question

我已经编写了一个脚本，在textarea的更改事件中自动保存textarea值。我面临的问题是，当用户输入某些内容并突然停止时，onchange不会触发，直到用户单击屏幕上的其他位置。当用户停止在textarea上键入时，难道不能让我的脚本工作吗：

<textarea onchange="onautosave()" id="autosave" ></textarea>让我们说5秒之后，函数onautosave()就会被触发？请让我现在怎么做呢。谢谢

Answer 1

您可以使用onkeyup事件和setTimeout()触发自动保存。这是代码(只是为了勾勒出整件事)

HTML

<textarea onkeyup="autosave()" id="autosave" ></textarea>

JS

var autosave_timer = null;

function save() {
    // actual save code
}

function autosave() {
    if(autosave_timer)
        clearTimeout(autosave_timer);

    autosave_timer = setTimeout(save, 5000);
}

请注意关闭超时。它有助于不压倒服务器。