Установка каретки в определенное место input

[Upcoming]

Добрый день.

При наступлении некоего события нужно установить каретку в определенное место input. Думал создать объект Range/TextRange и перевести его в выделение, но ведь значение инпута содержится в атрибуте value, а не является содержимым тега. Вот тут-то я и застопорился.

[danik.js]

<input type="text" value="abcde" autofocus />
<script>
setTimeout(function(){
    document.querySelector('input').setSelectionRange(2, 2);
}, 300);
</script>

Вот в IE8 придется помудрить (можно найти готовый полифилл для setSelectionRange или для свойств selectionStart/selectionEnd). Таймер установил чисто для демонстрации.

[Upcoming]

danik.js, спасибо. Решение с поддержкой старых ie нашел.

На случай, если кому-то оно понадобится, смотреть вот тут.