用jQuery让textarea支持Ctrl+Z“步步撤销”非步步惊心！

最新推荐文章于 2019-08-21 14:28:49 发布

转载最新推荐文章于 2019-08-21 14:28:49 发布 · 252 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/myjddy/archive/2011/10/07/2200649.html

文章标签：

#javascript #ViewUI

本文介绍了如何通过JavaScript实现文本输入框的自动撤销功能，利用定时器和键盘事件监听，结合数组操作实现实时撤销历史记录。

先看演示！！

http://z3f.me/demo/20111007TextareaCtrl+Z/

代码相对不多。

主要的是：

        var log = [];
        $(function () {
            var txt = window.setInterval(function () {
                if (log[log.length - 1] != $("#t").val()) {
                    log[log.length] = $("#t").val();
                }
            }, 1500);
            var isCtrl = false;
            $(document).keydown(function (e) {
                if (e.which === 17)
                    isCtrl = true;
                if (e.which === 90 && isCtrl === true) {
                    log.pop();
                    $("#t").val(log[log.length - 1]).blur();
                }
            }).keyup(function (e) {
                if (e.which === 17)
                    isCtrl = false;
            });
        });

转载于:https://www.cnblogs.com/myjddy/archive/2011/10/07/2200649.html