我想在TEXTAREA中插入TAB字符,如下所示：
<textarea>{KEYPRESS-INSERTS-TAB-HERE}Hello World</textarea>
我可以在现有的TEXTAREA文本之前/之后插入 – 我可以插入/替换TEXTAREA中的所有文本 – 但是还不能以简单的方式插入现有的TEXTAREA文本(通过光标).
$('textarea:input').live('keypress',function(e) {
if (e.keyCode == 9) {
e.preventDefault();
// Press TAB to append a string (keeps the original TEXTAREA text).
$(this).append("TAB TAB TAB AFTER TEXTAREA TEXT");
// Press TAB to append a string (keeps the original TEXTAREA text).
$(this).focus().prepend("TAB TAB TAB BEFORE TEXTAREA TEXT");
// Press TAB to replace a all text inside TEXTAREA.
$(this).val("INSERT INTO TEXTAREA / REPLACE EXISTING TEXT");
}
});
jQuery(“Tabby”)有一个“textarea中的选项卡”插件 – 但是它有254行代码 – 我希望只有几行代码.
我研究过的一些链接:(再次,我更喜欢更少的代码行).
http://www.dynamicdrive.com/forums/showthread.php?t=34452
http://www.webdeveloper.com/forum/showthread.php?t=32317
http://pallieter.org/Projects/insertTab/
请指教.谢谢.
解决方法
我正在为自己创建一个支持AJAX的简单IDE,因此我可以快速测试PHP代码片段.
我记得绊倒了同样的问题,这就是我解决它的方法：
$('#input').keypress(function (e) {
if (e.keyCode == 9) {
var myValue = "\t";
var startPos = this.selectionStart;
var endPos = this.selectionEnd;
var scrollTop = this.scrollTop;
this.value = this.value.substring(0,startPos) + myValue + this.value.substring(endPos,this.value.length);
this.focus();
this.selectionStart = startPos + myValue.length;
this.selectionEnd = startPos + myValue.length;
this.scrollTop = scrollTop;
e.preventDefault();
}
});
#input是textarea的ID.
代码并不完全是我的,我在谷歌的某个地方找到了它.
我只在FF 3.5和IE7上测试过它.它遗憾地无法在IE7上运行.