单击文本字段时使其为空(Javascript原型框架)
这是我的输入字段。我想在单击它时将其值设为空。如何使用Javascript的原型框架实现这一点单击文本字段时使其为空(Javascript原型框架),javascript,html,prototypejs,dom-events,javascript-framework,Javascript,Html,Prototypejs,Dom Events,Javascript Framework,这是我的输入字段。我想在单击它时将其值设为空。如何使用Javascript的原型框架实现这一点 <input name="ctl0$txtSearch" type="text" value="Quick Search" id="ctl0_txtSearch" class="MainSearchBar" /> 实际上我在用普拉多。因此,创建输入的html标记是 <com:TTextBox Id="txtSearch" Text="Quick Search" Css
<input name="ctl0$txtSearch" type="text" value="Quick Search" id="ctl0_txtSearch" class="MainSearchBar" />
实际上我在用普拉多。因此,创建输入的html标记是
<com:TTextBox Id="txtSearch" Text="Quick Search" CssClass="MainSearchBar" />
而且它没有onclick attr来处理Javascript 如果您想拥有一个可以自定义文本字段行为的地方(清除字段,同时添加css…),请尝试以下代码:
$('ctl0_txtSearch').observe('click', respondToClick);
function respondToClick(event) {
var element = event.element();
element.clear();
// ... do more customization here
}
仅使用输入字段本身的onClick=“javascript:this.value=''”
属性就足以清除字段。试试以下方法:
<input name="ctl0$txtSearch" type="text" value="Quick Search" id="ctl0_txtSearch"
class="MainSearchBar" onClick="javascript:ctl0_txtSearch.value='';" />
给你:
<input name="ctl0$txtSearch" type="text" value="Quick Search" id="ctl0_txtSearch" class="MainSearchBar" onclick="this.value = '';" />
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;"
/>
我不明白你是否可以单独使用js:“关于javascript?”你指的是原型还是javascript?