HREF.KZ

Блог о WEB-разработке и не только…

Выделение всего текста при клике на input

Просмотров: 5 728

input-text-allocateВ некоторых случаях стандартные поля ввода могут выступать в качестве источника текстовой информации. При этом пользователю предстоит скопировать строку в поле для каких-либо дальнейших действий. Выделение строки по умолчанию в поле ввода происходит стандартным способом, давайте рассмотрим простой пример, как можно сделать так, чтобы текст в поле выделялся самостоятельно при фокусировке на поле.

Для удобства в нашем примере мы будем использовать библиотеку JQuery, поэтому предварительно необходимо её подключить. Что касается разметки, то у нас будет обычный input текстового типа:

<itput type="text" name="url" value="https://href.kz">

Ну и как полагается, сам код, который будет выделять текст в поле ввода:

$("input").focus(function(){
	if(this.value == this.defaultValue){
		this.select();
	}
});

Подобные вещи обычно используется в полях формы, где пользователю предстоит скопировать какую-либо информацию из поля, только и всего. Вот рабочий пример. На этом пока всё, успехов!

2 ответа для «Выделение всего текста при клике на input»

  1. Аватар пользователя Владимир
    Владимир

    Привет!
    Если на странице несколько input, то выделение работает не на всех

    1. Аватар пользователя Владимир
      Владимир

      Самое простое выделение — добавить обработчик событий onclick=»this.select();» к самом input.
      Получиться что-то типа <input type="text" size="34" value="» readonly=»readonly» onclick=»this.select();»>
      Тогда все будет работать как надо.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *