Question

可能重复：
jQuery Set Cursor Position in Text Area

当聚焦带有文本的输入时，光标从右侧文本的末尾开始。如何使光标位于焦点的左侧？

我见过使用“setCursor”的例子，但是我收到一个错误，即没有定义setCursor。

<input type="text" class="myInput">
    Tabbing into this should put my cursor at the left!
</input>

setCursor会抛出一个未定义的错误。

$(".myInput").focus(function(){
    var node = $(this);
    setCursor(node, 0);
});

Answer 1

试试这个..

<input type="text" class="myInput" value="Tabbing into this should put my cursor at the left!" />

(function(){
        jQuery.fn.setSelection = function(selectionStart, selectionEnd) {
            if(this.length == 0) return this;
            input = this[0];

            if (input.createTextRange) {
                var range = input.createTextRange();
                range.collapse(true);
                range.moveEnd('character', selectionEnd);
                range.moveStart('character', selectionStart);
                range.select();
            } else if (input.setSelectionRange) {
                input.focus();
                input.setSelectionRange(selectionStart, selectionEnd);
            }

            return this;
        }
        jQuery.fn.setCursorPosition = function(position){
            if(this.length == 0) return this;
            return $(this).setSelection(position, position);
        }
        $(".myInput").focus(function(){
            $(this).setCursorPosition(0);
        });
    })();

希望它现在可以正常工作

将光标定位在文本输入的左侧

1 个答案: