Содержание
При создании информеров на многих сайтах предоставляется код, который можно скопировать и быстро разместить на свой сайт. Чтобы еще больше упростить жизнь пользователю, код скрипта должен выделяться при клике на textarea или input. Данное действие легко организовать средствами jQuery. Для этого надо использовать метод .select() и подключенную библиотеку от 1.6 версии и выше. Рассмотрим примеры:
1. Выделить текст при клике на label:
Здесь мы может выделить текст input-а при клике как на label или на него самого. Вместо input-а может быть textarea, а вместо label — любой другой тег.
2. Определить, что текст был выделен в textarea
За счет .select() мы можем не только выделяить содержимое форм, но и отслеживать изменения произведенные пользователем. Минусом select() является возможность работы только с input или textarea. А что, если нам нужно выделить какой-нибудь произвольный div или span тег? В этом поможет код на JavaScript, который я нашел в сети.
3. Выделить содержимое любого div-а по клику
В этом скрипте при клик на div с классом example выделится его содержимое. Этот код является кроссбраузерным вариантом выделения текста.
Сборник приемов jQuery для работы с текстовыми полями. Во всех примерах используется следующий HTML код:
А jQuery связывается с ним по атрибуту (селектор #text ).
Получить содержимое текстового поля
Добавить значение в текстовое поле
Добавить текст перед и после значения
Очистить поле
Удалить поле
Метод remove() удаляет элементы из DOM включая дочерние.
Добавить/удалить CSS класс
Метод addClass() добавляет в атрибут значение, а removeClass() удаляет его.
Метод toggleClass() работает как переключатель, при первом вызове, если у элемента нет такого класса то добавляет, при повторном удаляет его.
Текстовые поля поддерживают метод select(), который выделяет весь текст в текстовом поле. Для того, чтобы этот метод работал, поле должно иметь фокус, поэтому перед вызовом метода select() нужно вызывать другой метод — focus() (это требуется не для всех браузеров, но гораздо безопаснее всегда использовать focus).
Чтобы автоматически выделять текст в текстовом поле при получении им фокуса, нужно просто добавить вызов функции select в событие onfocus:
Если нужно добавить вышеприведенное действие во все текстовые поля на странице, то можно воспользоваться следующей функцией: