自动保存更改事件

Question

我写了一个脚本，它自动保存textarea的onchange事件中的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); 
} 

请注意楔子超时。它有助于不会压倒服务器。