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/

请指教.谢谢.

$('#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();
    }
});