Виділення всього тексту при кліці на input

по

08.11.2021

318

У деяких випадках стандартні поля можуть виступати в якості джерела текстової інформації. При цьому користувачеві належить скопіювати рядок у полі для будь-яких подальших дій. Виділення рядка за замовчуванням в полі вводу відбувається стандартним способом, давайте розглянемо простий приклад, як можна зробити так, щоб текст в полі виділявся самостійно при фокусуванні на полі.

Для зручності у нашому прикладі ми будемо використовувати бібліотеку JQuery, тому попередньо необхідно її підключити. Що стосується розмітки, то у нас буде звичайний input текстового типу:

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

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

Подібні речі зазвичай використовується в полях форми, в якій користувачеві належить скопіювати яку-небудь інформацію з поля, тільки і всього. Ось робочий приклад. На цьому поки все, успіхів!

Додав: htmaker, 11.10.2015 р.
(2 голосів, середній: 5,00 з 5)

Завантаження…

Діліться з друзями:

См. також:

Мета тег robots, приклади використання
Рубрика: Html, CSS, Javascript, SEO

Stimed – задаємо CSS-стилі по часу
Рубрика: Html, CSS, Javascript

Небезпека використання атрибуту target=”_blank”
Рубрика: Html, CSS, Javascript, Інф. безпека

Нескінченна анімація обертання на CSS
Рубрика: Html, CSS, Javascript

Анімація обертання при наведенні курсору
Рубрика: Html, CSS, Javascript

Стилізація виділення номера телефону до мобільних браузерах
Рубрика: Html, CSS, Javascript

Список вибору на JQuery
Рубрика: Html, CSS, Javascript

Фіксований заголовок таблиці HTML
Рубрика: Html, CSS, Javascript

Ефекти кнопок для сайту
Рубрика: Html, CSS, Javascript