Перемещает курсор в начало текстового поля

у меня есть определенная проблема с IE8 (и только IE), когда я фокусирую поле ввода, в котором есть текст, курсор перемещается в начало этого поля. Я пытаюсь установить курсор в конец. Я погуглил и нашел следующее решение:

function setSelectionRange(input, selectionStart, selectionEnd) {
    input = document.getElementsByTagName("input")[0];
    if (input.createTextRange) {
        var range = input.createTextRange();
        range.collapse(true);
        range.moveEnd('character', selectionEnd);
        range.moveStart('character', selectionStart);
        range.select();
    }
}

"вход" здесь просто поле ввода, которое находится в классе (var inputElement = this.input;). Проблема в том, что и "setSelectionRange" и "createTextRange". Я делаю что-то не так? CreateTextRange определяется только для Окна?

@Edit: Ну, похоже, я использовал что-то вроде "двух объектов" ввода js и ввода jquery после изменения ввода в документ.getElementsByTagName ("input") [0]; я могу перейти в ветку" createTextRange", но она по-прежнему не изменяет положение курсора.

@Edit2: я немного изменил код, теперь я получаю ввод из документа, и он входит в ветку if. Но тогда браузер показывает мне:

Unexpected call to method or property access.

на этой линии var range = input.createTextRange();

@Edit3: чтобы ответить на вопрос Джеймса. У меня есть класс и в этом классе, все это связано с JSP, которая имеет вход. В этом классе я устанавливаю обработчик фокуса для поля, которое связано с входной формой jsp inputElement.focus(onInputFocus) тогда у меня что-то вроде этого:

function onInputFocus() {
    isFocused = true;
    valueDivElement.hide();
    labelElement.html(labelFocus);
    if (currentData.selectedEntityCode) {
        inputElement.val(currentData.selectedEntityCode);
        inputElement.attr('title', currentData.selectedEntityCode);
    } else {

    }

    var input = document.getElementsByTagName("input")[0];
    input.value = input.value;
}

весь класс, очевидно, намного больше, и это не мой код, но я предполагаю, что это последнее, что выполняется.

6
internet-explorer internet-explorer-8 javascript jquery

1 ответов

Извините, я что-то пропустил? Вы пытаетесь установить курсор в конец или выделить диапазон? Ваш вопрос, казалось бы, подразумевает первое, но решение достигает последнего.

если вы просто хотите, чтобы установить курсор в конец, то эта функция не нужна. Просто сделайте следующее, Как только фокус будет установлен:

input.value = input.value; //assumes input is a DOM element.

см. этот JSFiddle: http://jsfiddle.net/7vdv6/

EDIT:

насколько я вижу, есть целая куча вещей, которые могут отвлекать внимание от вашего ввода:

isFocused = true;
valueDivElement.hide();
labelElement.html(labelFocus);
if (currentData.selectedEntityCode) {
    inputElement.val(currentData.selectedEntityCode);
    inputElement.attr('title', currentData.selectedEntityCode);
} else {

}

что произойдет, если вы добавите focus () между последними двумя строками:

var input = document.getElementsByTagName("input")[0];
input.focus();
input.value = input.value;

у вас также есть довольно грязное сочетание jQuery и стандартного JavaScript. Например, почему вы используете document.getElementsByTagName("input")[0] когда вы могли бы использовать $("input:first")??

4