基于jQuery的讓textarea支持Ctrl+Z步步撤銷功能
更新時間：2011年10月07日 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;
});
});
演示代碼:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
主要的是：
復(fù)制代碼 代碼如下:
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;
});
});
演示代碼:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
您可能感興趣的文章:
- 新浪微博字?jǐn)?shù)統(tǒng)計 textarea字?jǐn)?shù)統(tǒng)計實現(xiàn)代碼
- js操作textarea 常用方法總結(jié)
- js限制textarea每行輸入字符串長度的代碼
- JS TextArea字符串長度限制代碼集合
- 非主流的textarea自增長實現(xiàn)js代碼
- TextArea不支持maxlength的解決辦法(jquery)
- Javascript 文本框textarea高度隨內(nèi)容自適應(yīng)增長收縮
- 讓textarea自動調(diào)整大小的js代碼
- javascript textarea光標(biāo)定位方法(兼容IE和FF)
- JavaScript實現(xiàn)統(tǒng)計文本框Textarea字?jǐn)?shù)增強(qiáng)用戶體驗
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了jQuery實現(xiàn)圖片高亮顯示，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-10-10
JQuery對class屬性的操作實現(xiàn)按鈕開關(guān)效果
頁面中的按鈕開關(guān)效果想必大家都有見到過吧，接下來為大家詳細(xì)介紹下如何使用JQuery對class屬性的操作方法實現(xiàn)，感興趣的朋友不要錯過2013-10-10
基于jquery插件制作左右按鈕與標(biāo)題文字圖片切換效果
制作左右按鈕與標(biāo)題文字圖片切換效果的方法有很多，在本文為大家介紹下使用jquery圖片切換插件是如何實現(xiàn)的，感興趣的朋友不要錯過2013-11-11
在系統(tǒng)開發(fā)過程中經(jīng)常會用到系統(tǒng)的當(dāng)前時間，然而我們遇到的問題確又是各個瀏覽器返回值不同，就像典型的IE和FF瀏覽器。2008-12-12
jquery無法為動態(tài)生成的元素添加點擊事件的解決方法(推薦)
下面小編就為大家?guī)硪黄猨query無法為動態(tài)生成的元素添加點擊事件的解決方法(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧，祝大家游戲愉快哦2016-12-12
html5以及jQuery實現(xiàn)本地圖片上傳前的預(yù)覽代碼實例講解
這篇文章主要介紹了html5以及jQuery實現(xiàn)本地圖片上傳前的預(yù)覽代碼實例講解，圖文代碼實例講解的很清晰，有感興趣的同學(xué)可以研究下2021-03-03
jQuery動畫顯示和隱藏效果實例演示(附demo源碼下載)
這篇文章主要介紹了jQuery動畫顯示和隱藏效果實現(xiàn)方法,并附帶了demo源碼供讀者下載參考,涉及jQuery操作圖片的顯示,隱藏及淡入淡出等效果,需要的朋友可以參考下2015-12-12
jquery獲得下拉框值的代碼，使用jquery的朋友可以參考下。2011-08-08
這里要說的就是網(wǎng)站中通過js實現(xiàn)的一個有立體感的文字漸變效果2010-05-05
這篇文章主要為大家詳細(xì)介紹了Html5+jQuery+CSS制作相冊小記錄，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12