基于jQuery的讓textarea支持Ctrl+Z步步撤銷功能
更新時(shí)間:2011年10月07日 22:24:36 作者:
基于jQuery的讓textarea支持Ctrl+Z步步撤銷功能,需要的朋友可以參考下。
代碼相對(duì)不多。
主要的是:
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;
});
});
演示代碼:
主要的是:
復(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;
});
});
演示代碼:
您可能感興趣的文章:
- 新浪微博字?jǐn)?shù)統(tǒng)計(jì) textarea字?jǐn)?shù)統(tǒng)計(jì)實(shí)現(xiàn)代碼
- js操作textarea 常用方法總結(jié)
- js限制textarea每行輸入字符串長(zhǎng)度的代碼
- JS TextArea字符串長(zhǎng)度限制代碼集合
- 非主流的textarea自增長(zhǎng)實(shí)現(xiàn)js代碼
- TextArea不支持maxlength的解決辦法(jquery)
- Javascript 文本框textarea高度隨內(nèi)容自適應(yīng)增長(zhǎng)收縮
- 讓textarea自動(dòng)調(diào)整大小的js代碼
- javascript textarea光標(biāo)定位方法(兼容IE和FF)
- JavaScript實(shí)現(xiàn)統(tǒng)計(jì)文本框Textarea字?jǐn)?shù)增強(qiáng)用戶體驗(yàn)
相關(guān)文章
JQuery對(duì)class屬性的操作實(shí)現(xiàn)按鈕開(kāi)關(guān)效果
頁(yè)面中的按鈕開(kāi)關(guān)效果想必大家都有見(jiàn)到過(guò)吧,接下來(lái)為大家詳細(xì)介紹下如何使用JQuery對(duì)class屬性的操作方法實(shí)現(xiàn),感興趣的朋友不要錯(cuò)過(guò)2013-10-10基于jquery插件制作左右按鈕與標(biāo)題文字圖片切換效果
制作左右按鈕與標(biāo)題文字圖片切換效果的方法有很多,在本文為大家介紹下使用jquery圖片切換插件是如何實(shí)現(xiàn)的,感興趣的朋友不要錯(cuò)過(guò)2013-11-11jquery無(wú)法為動(dòng)態(tài)生成的元素添加點(diǎn)擊事件的解決方法(推薦)
下面小編就為大家?guī)?lái)一篇jquery無(wú)法為動(dòng)態(tài)生成的元素添加點(diǎn)擊事件的解決方法(推薦)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧,祝大家游戲愉快哦2016-12-12html5以及jQuery實(shí)現(xiàn)本地圖片上傳前的預(yù)覽代碼實(shí)例講解
這篇文章主要介紹了html5以及jQuery實(shí)現(xiàn)本地圖片上傳前的預(yù)覽代碼實(shí)例講解,圖文代碼實(shí)例講解的很清晰,有感興趣的同學(xué)可以研究下2021-03-03jQuery動(dòng)畫(huà)顯示和隱藏效果實(shí)例演示(附demo源碼下載)
這篇文章主要介紹了jQuery動(dòng)畫(huà)顯示和隱藏效果實(shí)現(xiàn)方法,并附帶了demo源碼供讀者下載參考,涉及jQuery操作圖片的顯示,隱藏及淡入淡出等效果,需要的朋友可以參考下2015-12-12