Как поставить курсор в конец текста (Javascript) ?

Question

[Нур-Магомед]

Есть html элемент:

<div contenteditable="true" class="test">Некоторый текст</div>

Пользователь может набирать туда текст, на таймере висит JS код, который в процессе печати заменяет некоторые символы введенные пользователям. Проблема в том, что после каждой замены курсор ввода текста ставиться спереди текста и приходиться его вручную переставлять в конец.
Код JavaScript:

var list = document.getElementsByClassName('test'); 

function msgUpd(){
	for(i=0;i<list.length;i++){
		var rep = list[i].innerText.replace('Заменяемый текст','Замена');
		if(list[i].innerText != rep){
			list[i].innerText = rep;
			console.log('Replaced');
		}		
	}
}

setInterval(msgUpd,500);

Как передвинуть курсор в конец текста средствами JavaScript, при условии, что в html менять что-то нельзя(html на чужом сайте, а это расширение для сайта)?

Comments

[Александр Калинин]

element.focus()
document.execCommand('selectAll', false, null);
document.getSelection().collapseToEnd();

Answer 1

[Eugene Obrezkov]

Для ленивых лишь брошу код qwer сюда :)

var input = document.querySelector("input");
input.focus();
input.selectionStart = input.value.length;

И да, этот код работает только с input'ом и другими элементами ввода.

В вашем же случае придется это заменять на input, т.к. contenteditable - это чуточку другое и у него своя атмосфера )

Comments

[Нур-Магомед]

Эти методы я уже пробовал, как раз дело в том, что я не могу менять HTML. HTML на чужом сайте, а я пишу расширение.

[Eugene Obrezkov]

@efive попробуйте почитать об этих вещах https://developer.mozilla.org/en-US/docs/Web/API/W... и https://developer.mozilla.org/en-US/docs/Web/API/d... . Ответа не знаю, но он где-то рядом с этими двумя :)

Answer 2

[Антон]

Насколько я знаю, курсор ставится с помощью установки выделения с нулевой длиной. Т.е. ищите как выделить часть текста в поле ввода.

Answer 3

[Владлен Грачев]

Собственно, вот.

Answer 4

[personaljs]

сделайте на событие изменения инпута и вам не надо будет заморачиваться и все будет заменяться в процессе ввода а не по таймауту Пример

Comments

[Нур-Магомед]

Сделал - пример - курсор все равно после замены/вставки текста устанавливается в начало