javascript – jQuery中的Keypress：在TEXTAREA中按TAB(编辑现有文本时)

我想在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上运行.