Сделав текстовое поле пустым при нажатии на него (Prototype Framework из javascript) - PullRequest
Новая
       27

Сделав текстовое поле пустым при нажатии на него (Prototype Framework из javascript)

0 голосов
/ 17 июня 2011

Это мое поле ввода. Я хочу сделать значение пустым, когда я нажимаю на него. Как я могу сделать это с помощью прототипа фреймворка javascript? 

<input name="ctl0$txtSearch" type="text" value="Quick Search" id="ctl0_txtSearch" class="MainSearchBar" />

Заранее спасибо,

На самом деле я использую PRADO. Таким образом, HTML-тег для создания ввода - 

   <com:TTextBox Id="txtSearch" Text="Quick Search"  CssClass="MainSearchBar"  />

И у него нет атрибута onclick для обработки javascript.

Ответы [ 4 ]

0 голосов
/ 17 июня 2011

onClick не отвечает на события клавиатуры, такие как «вкладка» в.Для этого было бы более целесообразно использовать onFocus.А для дополнения операции также используйте onBlur. 

   <com:TTextBox Id="txtSearch" Text="Quick Search"  CssClass="MainSearchBar"
       Attributes.onfocus="if (this.value == this.defaultValue) this.value = '';"
       Attributes.onblur="if (this.value == '') this.value = this.defaultValue;"
       />
0 голосов
/ 17 июня 2011

Попробуйте это: 

 <input name="ctl0$txtSearch" type="text" value="Quick Search" id="ctl0_txtSearch" 

class="MainSearchBar" onClick="javascript:ctl0_txtSearch.value='';" />
0 голосов
/ 17 июня 2011

Вот, пожалуйста: 

<input name="ctl0$txtSearch" type="text" value="Quick Search" id="ctl0_txtSearch" class="MainSearchBar" onclick="this.value = '';" />
0 голосов
/ 17 июня 2011

Если вы хотите иметь место, где вы также можете настроить поведение вашего текстового поля (очистка поля, а также добавление css ...), попробуйте этот код: 

$('ctl0_txtSearch').observe('click', respondToClick);

function respondToClick(event) {
  var element = event.element();
  element.clear();
  // ... do more customization here
}

Достаточно только JS, чтобы очиститьполе, используя только атрибут onClick="javascript:this.value=''" самого поля ввода.

...