На этот вопрос уже есть ответ:

Как переместить курсор в конец объекта contenteditable 5 ответовcontenteditable, установите каретку в конце текста (кросс-браузер) 3 ответа

В моем проекте я стараюсь всегда устанавливать позицию каретки до конца текста. Я знаю, что это поведение по умолчанию, но когда мы добавляем некоторый текст динамически, позиция каретки меняется на начальную точку в Chrome и Firefox (IE в порядке, изумительно).

В любом случае, чтобы он работал правильно в Chrome и Firefox?

Здесь Скрипка

<div id="result" contenteditable="true"></div>
<button class="click">click to add text</butto>

var result = $('#result');
$('.click').click(function () {
    var preHtml = result.html();
    result.html(preHtml + "hello");
    result.focus();
});

Я пытался добавитьsetStart а такжеsetEnd как уже упоминалось в этомссылк но бесполезно.