zoukankan      html  css  js  c++  java
  • 文本框内容自动保存

    对文本进行自动保存,输入一句话后自动保存。 
    保存的原理:文本框内有按键输入时延时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);
                });
            };
        };
  • 相关阅读:
    SEUOJ上几道水题
    项目计划
    软件工程03
    件工程个人作业02
    软件工程个人作业01
    学习进度条
    软件工程第一次博客
    异常分析
    多态
    Java覆盖
  • 原文地址:https://www.cnblogs.com/chinall/p/3571101.html
Copyright © 2011-2022 走看看