基于jQuery的让textarea支持Ctrl+Z步步撤销功能

ttx9n · 发表于 2011-10-7 22:24:36

基于jQuery的让textarea支持Ctrl+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;
});
});

演示代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title></title> 
 
<script type="text/javascript"> 
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(); 
$("#s").val(log[log.length - 1]).blur(); 
} 
}).keyup(function (e) { 
if (e.which === 17) 
isCtrl = false; 
}); 
}); 
function show() { 
$("#s").val(""); 
for (var i = 0; i < log.length; i++) { 
$("#s").val(log[i]+"\r\n[" + i + "]\r\n-----------------------\r\n"+$("#s").val()); 
} 
} 
</script> 
</head> 
<body> 
<textarea id="t" style="width:400px; height:300px;"> 
</textarea> 
<button onclick="show()">显示历史记录</button> 
<textarea id="s" style="width:400px; height:300px;"> 
</textarea> 
<hr /> 
按Ctrl+Z一步一步撤销 
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

64000928 · 发表于 2023-3-24 16:36:29

额头额定法国队是范德萨

白狐软件 · 发表于 2023-9-27 21:00:09

我要金豆金豆金豆

pwseqn1h · 发表于 2024-5-23 05:14:14

看看看看

Anthonylam · 发表于 2024-6-10 23:07:23

笑纳了老板

4k0mp7m · 发表于 2024-7-1 06:41:17

儿飞飞微风DVD谁vdsvd

3mfwk4yf · 发表于 2024-7-17 08:42:53

非常vbcbvcvbvcb

gyalp · 发表于 2024-7-20 10:28:26

8888888888888888

rveqwdpw5 · 发表于 2024-8-2 10:57:25

来看看怎么样

小伙伴 · 发表于 2024-8-6 09:12:23

儿飞飞微风DVD谁vdsvd

账号		自动登录	找回密码
密码			立即注册

[JavaScript] 基于jQuery的让textarea支持Ctrl+Z步步撤销功能

相关帖子