单击文本字段时将其清空（Javascript 原型框架）

发布于 2024-11-16 01:14:56 字数 392 浏览 2 评论 0原文

那是我的输入字段。我想在单击它时将其值清空。我如何使用 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。

原文

That's my input field. I want to make value of it empty when I click it. How can I do this by using prototype framework of Javascript ?

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

Actually I am using PRADO. So the html tag to create input is

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

And it has no onclick attr to handle Javascript.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

残花月 2024-11-23 01:14:56

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;"
       />

onClick doesn't respond to keyboard events such as being 'tabbed' into. It would be more advisable to use onFocus for this. And to complement the operation also use 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 原文

云裳 2024-11-23 01:14:56

试试这个：

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

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

Try this:

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

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

回复收藏 0 原文

烟火散人牵绊 2024-11-23 01:14:56

干得好：

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

Here you go:

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

回复收藏 0 原文

躲猫猫 2024-11-23 01:14:56

如果您想要一个地方还可以自定义文本字段行为（清除字段但还添加 css...），请尝试以下代码：

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

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

仅使用 JS 就足以通过使用 onClick=" 来清除字段输入字段本身的 javascript:this.value=''" 属性。

If you want to have a place where you can also customize your text field behavior (clearing the field but also adding css...) try this code:

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

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

JS alone is enough to clear the field by just using the onClick="javascript:this.value=''" attribute of the input field itself.

回复收藏 0 原文

~没有更多了~