Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 23.02.2010, 16:19   #1
akokin
Пользователь
 
Регистрация: 02.08.2008
Сообщений: 94
По умолчанию Как реализовать автовыделение текстового поля ввода?

Есть три поля ввода, в которых отображаются ссылки на текущую страницу (см. скриншот):

Нужно, чтобы по клику мышкой на поле, текст в нем бы выделялся.
Как это можно реализовать?

P.S. Очень бы хотелось готовый код, так как в JS увы, практически не смыслю.
Спасибо.
akokin вне форума Ответить с цитированием
Старый 23.02.2010, 17:35   #2
SkyM@n
Laravel/Vue expert
Старожил Подтвердите свой е-майл
 
Аватар для SkyM@n
 
Регистрация: 08.08.2007
Сообщений: 2,832
По умолчанию

Код HTML:
<html>
   <head>
      <script type="text/javascript">
          function jFocus(elm) {
             if(typeof(elm) == 'string') elm = getElementById(elm);
             if (elm) {     
               elm.focus();
               elm.select();
            }
         }
     </script>
   </head>
   <body>
      <form>
        <input type="text" value="Hello world!" onclick="jFocus(this)" />
     </form>
   </body>
</html>
Да, кстати, вот решение на jQuery:
Код HTML:
// Аппликабельно к поле с id=myInputField
$("#myInputField").focus(function(){
    this.select();
});

// Аппликабельно ко всем полям
$("input[type=text]").focus(function(){
    this.select();
});

// Аппликабельно к textarea
$("textarea").focus(function(){
    // Преверка на изменение содержимого (если требуется)
    if(this.value == this.defaultValue){
        this.select();
    }
});

Последний раз редактировалось SkyM@n; 23.02.2010 в 18:00.
SkyM@n вне форума Ответить с цитированием
Старый 24.02.2010, 12:05   #3
akokin
Пользователь
 
Регистрация: 02.08.2008
Сообщений: 94
По умолчанию

Большое спасибо за помощь!
akokin вне форума Ответить с цитированием
Старый 03.11.2010, 22:25   #4
Kamillorn
Новичок
Джуниор
 
Регистрация: 03.11.2010
Сообщений: 1
По умолчанию

Можно еще и так:
Код:
<input onfocus="this.select()" type="text">
Kamillorn вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
просмотр текстового поля через html funball БД в Delphi 2 28.01.2010 17:13
Как очистить поля ввода на форме? Lich87 C++ Builder 2 23.10.2009 14:41
условие для текстового поля МаришаГ Microsoft Office Access 2 14.09.2009 13:13
Как переменной присвоить данные из текстового поля формы? kitten2 Microsoft Office Excel 2 08.04.2009 05:43
Растягивание текстового поля Беляевский HTML и CSS 2 05.04.2009 10:15