Выделение текста в текстовом поле

Текстовые поля поддерживают метод select(), который выделяет весь текст в текстовом поле. Для того, чтобы этот метод работал, поле должно иметь фокус, поэтому перед вызовом метода select() нужно вызывать другой метод – focus() (это требуется не для всех браузеров, но гораздо безопаснее всегда использовать focus). Пример:

function selectText(){
	var oTextBox = document.getElementById('someTextField');
	oTextBox.focus();
	oTextBox.select();
}

Чтобы автоматически выделять текст в текстовом поле при получении им фокуса, нужно просто добавить вызов функции select в событие onfocus:

<input type="text" onfocus="this.select()" />
<textarea onfocus="this.select()"></textarea>

Если нужно добавить вышеприведенное действие во все текстовые поля на странице, то можно воспользоваться следующей функцией:

function setTextBoxes() {
	var txtFields = document.getElementsByTagName('input');
	var textareaFields = document.getElementsByTagName('textarea');

	for(var i = 0, len = txtFields.length; i < len; i++) {
		if(txtFields[i].type == 'text' || txtFields[i].type = 'password') {
			txtFields[i].onfocus = function(){ this.select(); }
		}
	}

	for(var i = 0, len = textareaFields.length; i < len; i++) {
		textareaFields[i].onfocus = function(){ this.select(); }
	}
}
Maklay.com - Большой каталог товаров для спорта и активного отдыха
  • Кессельринг

    Друг. не знаю как благодарить. ничего сложного а мозги я себе пропарил до состояния кипения. пример с обработкой type=text.
    Изначально делал так – получал массив форм, потом у формы массив элементов…и по типу ставил значение – не работает!! работает твой код. весь нет пролазил только у тебя нашел. всего 5 строчек.
    Спасибо большое.

  • Андрей

    Этот способ не кроссбраузерный

  • http://creamusic.ru Николай

    Вот за это onfocus=”this.select() спасибо, забыл об этом напрочь как делал скрипт который не позволил бы выделать текст, уперся в то что нельзя было копировать код кнопки сайта, а эта ф-ция решает проблему.

JSToolbox создан на основе WordPress