Как переместить input не теряя с него focus?

Question

[nikegk]

Всем привет! Помогите пожалуйста найти решение.
Есть страница на которой присутствует поле ввода input. Задача такая: когда пользователь начинает набирать что-либо в поле ввода, оно перемещается в другое место на странице (в данном случае в ячейку таблицы). Реализовано это вот таким скриптом:

$(document).ready(function () {
    $(".search_box").bind("keyup input", function () { 
        $('.td').append( $('.center>.search') );
        $('.search_box').focus();
        $(".center").remove();
        $(".content").css("display", "block");
    });
});

На всех браузерах это прекрасно работает кроме IE8-IE11(на более ранних не пробовал). На нем пропадает фокус после перемещения input'а.

Answer 1

[Оптимус Пьян]

IE версию скажите в какой тестируете

Comments

[nikegk]

С 8-11 не работает. На остальных не пробовал.

Answer 2

[GM2mars]

Не пробовали после перемещения опять ставить фокус в инпут?

Comments

[nikegk]

В коде ведь так и сделано. Или как-то по другому нужно переписать?

[GM2mars]

Вот, вроде решение вашей проблемы blog.sergey-lysenko.ru/2012/09/jquery-focus-input-...

[nikegk]

Спасибо. Этот метод заработал, но не совсем корректно. Фокус ставится в начало input'а, а там уже есть один введенный символ и перед ним продолжается заполнение.

[GM2mars]

@nikegk а если попробовать так: вырезать содержимое инпута -> фокус -> вставить вырезанное.