AAA Главная
Примеры PHP Примеры JavaScript Примеры Ajax Примеры CSS,HTML

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

Текстовые поля поддерживают метод 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 
0len txtFields.lengthleni++) {
          if(
txtFields[i].type == 'text' || txtFields[i].type 'password') {
                  
txtFields[i].onfocus = function(){ this.select(); }
          }
  }

  for(var 
0len textareaFields.lengthleni++) {
          
textareaFields[i].onfocus = function(){ this.select(); }
  }
}


.

© Copyright 2008-2016 by KDG