对文本进行自动保存,输入一句话后自动保存。
保存的原理:文本框内有按键输入时延时1秒进行ajax提交,如果1秒内又有按键事件则取消该次ajax提交,重新延时1秒进行ajax提交。
适用场景:编辑区自动保存。
使用方法: new AutoSave($("#text")).init();
//使用方法 new AutoSave($("#text")).init(); var AutoSave = function(textAreaDiv) { var t;// 超时函数 var req;// ajax提交 this.init = function() { textAreaDiv.keyup(function() { t != null ? clearTimeout(t) : ""; req != null ? req.abort() : ""; // 延时1秒提交保存 t = setTimeout(function() { req = $.post("updateContent.php", { content : textAreaDiv.val() }, function() { req = null; }); t = null; }, 1000); }); }; };