输入的文本框有记忆功能

最新推荐文章于 2022-04-06 15:10:12 发布

toolezhan

最新推荐文章于 2022-04-06 15:10:12 发布

阅读量878

点赞数

分类专栏： JQuery 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/toolezhan/article/details/84430131

版权

JQuery 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<head id="Head1" runat="server">
    <title></title>
    <style type="text/css">
        #txtInput
        {
            height: 100px;
            width: 400px;
        }
    </style>
    <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
    <script src="Scripts/jquery.cookie.js" type="text/javascript"></script>
    <script type="text/javascript">
        var key = 'storage';
        function SaveText() {
            if (window.localStorage) {//是否支持本地存储
                localStorage[key] = $("#txtInput").val();
            } else {//如果不支持，就用cookie存储
                var date = new Date();
                date.setTime(date.getTime() + (30 * 60 * 1000));
                $.cookie("input", $("#txtInput").text(), { expires: date });
            }
        }
        $(function () {
            if (window.localStorage) {
                $("#txtInput").text(localStorage[key]);
            }
            else if ($.cookie("input")) {
                $("#txtInput").text($.cookie("input"));
            } else {
                $("#txtInput").text("");
            }
        });
    
    </script>
</head>
<body οnbefοreunlοad="SaveText()">
    <form id="form1" runat="server">
    <div>
        <textarea id="txtInput" rows="5"></textarea>
    </div>
    </form>
</body>
</html>

参考：http://www.cnblogs.com/chenxizhang/archive/2012/02/29/2373962.html