0

這就是我的輸入字段。當我點擊它時,我想讓它變空。我怎麼能通過使用JavaScript的原型框架來做到這一點?使文本字段爲空時點擊它(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 attr來處理javascript。

+0

我不明白你是否可以單獨使用js:「javascript的?」你的意思是原型或Javascript? – microspino 2011-06-17 09:26:13

回答

0

的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

如果你想有一個地方,你還可以自定義文本字段行爲(清場,還添加CSS ...)試試這個代碼:單獨

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

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

JS就足以清除只需使用輸入字段本身的onClick="javascript:this.value=''"屬性。

0

試試這個:

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

class="MainSearchBar" onClick="javascript:ctl0_txtSearch.value='';" /> 
0

在這裏你去:

<input name="ctl0$txtSearch" type="text" value="Quick Search" id="ctl0_txtSearch" class="MainSearchBar" onclick="this.value = '';" />