В некоторых случаях стандартные поля ввода могут выступать в качестве источника текстовой информации. При этом пользователю предстоит скопировать строку в поле для каких-либо дальнейших действий. Выделение строки по умолчанию в поле ввода происходит стандартным способом, давайте рассмотрим простой пример, как можно сделать так, чтобы текст в поле выделялся самостоятельно при фокусировке на поле.
Для удобства в нашем примере мы будем использовать библиотеку JQuery, поэтому предварительно необходимо её подключить. Что касается разметки, то у нас будет обычный input текстового типа:
<itput type="text" name="url" value="https://href.kz">
Ну и как полагается, сам код, который будет выделять текст в поле ввода:
$("input").focus(function(){ if(this.value == this.defaultValue){ this.select(); } });
Подобные вещи обычно используется в полях формы, где пользователю предстоит скопировать какую-либо информацию из поля, только и всего. Вот рабочий пример. На этом пока всё, успехов!
Привет!
Если на странице несколько input, то выделение работает не на всех
Самое простое выделение - добавить обработчик событий onclick="this.select();" к самом input.
Получиться что-то типа <input type="text" size="34" value="" readonly="readonly" onclick="this.select();">
Тогда все будет работать как надо.