• 文本框内容自动保存


    对文本进行自动保存,输入一句话后自动保存。 
    保存的原理:文本框内有按键输入时延时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);
                });
            };
        };
  • 相关阅读:
    第9天 图片整合
    第六天 元素类型
    第五天 文本溢出
    第四天 盒子模型
    第三天 css核心属性
    第二天 css基础 ,部分选择符
    第一天 HTML基础
    *Move Zeroes
    Word Pattern
    ReentrantLock
  • 原文地址:https://www.cnblogs.com/chinall/p/3571101.html
Copyright © 2020-2023  润新知