Как поместить курсор в конец textarea (jQuery)

Иногда требуется поместить курсор фокуса в конец текстового поля TEXTAREA. Иногда просто так, сразу после загрузки страницы, иногда после вставки дополнительного текста в конец поля.

Фокус в конец TEXTAREA

Например у нас есть поле <textarea>, с некоторым текстом, нам надо при помощи jQuery поместить курсор в конец текста.

<textarea name="text">Текст в конце которого появится курсор</textarea>

Поместим фокус в конец.

var textarea = $('textarea'), data = textarea.val(); textarea.focus().val('').val(data);

После этого фокус будет перемещен в textarea, а курсор будет в конце строки.

Вставка текста в TEXTAREA и курсор в конец

Если нужно добавить текст в поле и поместить в конце курсор, делается все тоже самое, только текст добавляется в самом конце.

Например необходимо в текстовое поле добавить некоторый текст.

var textarea = $('textarea'), add_text = '!!!', data = textarea.val() + add_text; textarea.focus().val('').val(data);

После выполнения скрипта, в тексту поля, в конце, будет добавлен текст "!!!" и фокус будет за восклицательными знаками.

Категории

ПрограммированиеJavaScriptБиблиотекиjQuery

Комментарии