Управление DOM с помощью JavaScript в современных браузерах и IE 11+
Предположим, что у нас есть текстовое поле, представляющее полное имя пользователя. Также есть кнопка Edit
для обновления полного имени.
<input type="text" id="fullName" />
<button id="edit">Edit</button>
Существует общее требование, что нажатие кнопки Edit
будет фокусироваться на текстовом поле и перемещать курсор в его конец:
const fullNameEle = document.getElementById('fullName');
const editEle = document.getElementById('edit');
editEle.addEventListener('click', function(e) {
// Focus on the full name element
fullNameEle.focus();
// Move the cursor to the end
const length = fullNameEle.value.length;
fullNameEle.setSelectionRange(length, length);
});