jQuery. Фокус на теге

Смещение позиции экрана к тегу


В данной публикации приведен пример смещения фокуса экрана к html тегу на странице с использованием jQuery.

Допустим у нас есть кнопка, при нажатии на которую мы должны добавить строку "hello" в textarea и переместить таргет/фокус к данному textarea тегу.

Код кнопки:

<button class="button">click</button>

Кот textarea тега:

<textarea class="area"></textarea>

js код клика по кнопке:

$('.button').on('click', function () {
// код для смещения фокуса
}

Добавляем строку "hello" в textarea и перемещаем фокус к этому тегу:

$('#area').val("hello").focus();

Таким образом при клике на кнопку мы добавляем строку "hello" в textarea и перемещаем текущую позицию экрана (фокус) к этому элементу.

Полный js код для смещения фокуса экрана.

$('.button').on('click', function () {
    $('#area').val("hello").focus();
}