停止插入符号跳到文本区域的底部？

Question

我有一个文本区域，里面有很多文本，并且我有代码，这样当您按 Shift+Enter 时，它将插入一段文本。然而，目前，一旦发生这种情况，文本就会滚动，以使插入符号出现在屏幕底部。

我的插入代码：

$("#body textarea").bind('keydown', function(event) {
    var caret = $("#body textarea").caret();
    if(event.keyCode == 13 && event.shiftKey)
    {
        var text = "[br]"
        insertText("#body textarea", caret.start, caret.end, text, "");
        $("#body textarea").caret(caret.start+(text.length), caret.start+(text.length));
    }
});

有谁知道我能做什么来阻止它强制插入符到底部？

干杯
黑幽灵

Answer 1

我在 stackoverflow.com 上发现同样的麻烦并做出为您提供样品
http://jsfiddle.net/deerua/WAZBQ/

Answer 2

您可以在插入文本后手动设置插入符位置：

请参阅 http://blog.vishalon.net/index.php/javascript-getting-and-setting-caret-position-in-textarea/：

function doGetCaretPosition (ctrl) {
    var CaretPos = 0;   // IE Support
    if (document.selection) {
    ctrl.focus ();
        var Sel = document.selection.createRange ();
        Sel.moveStart ('character', -ctrl.value.length);
        CaretPos = Sel.text.length;
    }
    // Firefox support
    else if (ctrl.selectionStart || ctrl.selectionStart == '0')
        CaretPos = ctrl.selectionStart;
    return (CaretPos);
}

function setCaretPosition(ctrl, pos){
    if(ctrl.setSelectionRange)
    {
        ctrl.focus();
        ctrl.setSelectionRange(pos,pos);
    }
    else if (ctrl.createTextRange) {
        var range = ctrl.createTextRange();
    range.collapse(true);
        range.moveEnd('character', pos);
        range.moveStart('character', pos);
        range.select();
    }
}

ctrl是您的文本区域元素。

setCaretPosition(document.getElementById("textarea", 0);