@Dimon3x

Как вставить курсор в нужное место?

При клике на кнопку, в блок (с атрибутом contenteditable) помещается имя и оборачивается в элемент b и надо потом печатать после имени, если кликнуть потом в этот блок, то курсор не выходит за пределы элемента b и получается весь напечатанный текст будет тоже жирным, как вывести курсор за этот элемент?

Почему то selectionStart не работает.

<p style="
padding: 10px; 
background: white; 
width: 50%;" 
                   
contenteditable="true" class="write-comment"></p>


var formComment = document.querySelector('.write-comment');
var userNameHtml = document.createElement('b'); 
userNameHtml.innerHTML = userName + ',&nbsp;';
                
formComment.appendChild(userNameHtml);
formComment.focus();
formComment.selectionStart = formComment.innerHTML.length;
  • Вопрос задан
  • 123 просмотра
Пригласить эксперта
Ответы на вопрос 1
@forspamonly2
window.getSelection().collapse(formComment,1);

1 - это смещение в текстовом содержимом ноды (без потомков).

а selectionStart для инпутов.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы