Как реализовать автовыделение текстового поля ввода? - JavaScript, Ajax

akokin · 23.02.2010, 16:19

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

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

P.S. Очень бы хотелось готовый код, так как в JS увы, практически не смыслю.
Спасибо.

SkyM@n · 23.02.2010, 17:35

Код 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();
    }
});

akokin · 24.02.2010, 12:05

Большое спасибо за помощь!

Kamillorn · 03.11.2010, 22:25

Можно еще и так:

Код:

<input onfocus="this.select()" type="text">

23.02.2010, 16:19	#1
akokin Пользователь Регистрация: 02.08.2008 Сообщений: 94	Как реализовать автовыделение текстового поля ввода? Есть три поля ввода, в которых отображаются ссылки на текущую страницу (см. скриншот): Нужно, чтобы по клику мышкой на поле, текст в нем бы выделялся. Как это можно реализовать? P.S. Очень бы хотелось готовый код, так как в JS увы, практически не смыслю. Спасибо.

03.11.2010, 22:25	#4
Kamillorn Новичок Джуниор Регистрация: 03.11.2010 Сообщений: 1	Можно еще и так: Код: `<input onfocus="this.select()" type="text">`

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
просмотр текстового поля через 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

24.02.2010, 12:05	#3
akokin Пользователь Регистрация: 02.08.2008 Сообщений: 94	Большое спасибо за помощь!