Переместить положение курсора с помощью Javascript?

Я хочу переместить курсор точно на четыре пробела перед его текущим положением, чтобы я мог правильно вставить табуляцию. У меня уже есть вставка HTML в позиции курсора, но когда я вставляю HTML, каретка остается. Я потратил последний час или около того на поиск различных способов сделать это, и я перепробовал множество из них, но я не могу заставить ни один из них работать на меня. Вот самый последний метод, который я пробовал:

function moveCaret(input, distance) {
    if(input.setSelectionRange) {
        input.focus();
        input.setSelectionRange(distance, distance);
    } else if(input.createTextRange) {
        var range = input.createTextRange();
        range.collapse(true);
        range.moveEnd(distance);
        range.moveStart(distance);
        range.select();
    }
}

Он абсолютно ничего не делает - не перемещает курсор, не выдает никаких ошибок или чего-то еще. Это меня сбивает с толку. И да, я знаю, что указанный выше набор методов (должен) устанавливать курсор в определенную позицию от начала указанного узла (то есть input), но даже это не работает. Итак, что именно я делаю не так и как я могу это сделать правильно?

Изменить: на основе ссылок, которые o.v. при условии, мне удалось сколотить кое-что, что наконец-то что-то делает: выдает ошибку. Ура! Вот новый код:

this.moveCaret = function(distance) {
    if(that.win.getSelection) {
        var range = that.win.getSelection().getRangeAt(0);
        range.setStart(range.startOffset + distance);
    } else if (that.win.document.selection) {
        var range = that.win.document.selection.createRange();
        range.setStart(range.startOffset + distance);
    }
}

Теперь это дает ошибку Uncaught Error: NOT_FOUND_ERR: DOM Exception 8. Есть идеи, почему?