javascript - 如何为@Html.Editor() 编写 onfocus 和 onblur 事件？

Question

我想创建一个搜索字段。到目前为止我的代码：

<input type="text" value="Search" onfocus="if (this.value=='Search') 
{this.value='';}"  onblur="if (this.value=='') {this.value='Search';}" 
class="textbox"/>

我想将<input>标签更改为@Html.Editor("term").

如何使用编写 onfocus 和 onblur 事件@Html.Editor("term")?

Answer 1

为什么不使用 HTML5placeholder属性它做同样的事情

代替 -

<input type="text" value="Search" onfocus="if (this.value=='Search') 
{this.value='';}"  onblur="if (this.value=='') {this.value='Search';}" 
class="textbox"/>

和

<input type="text" class="textbox" placeholder="Search" />

演示：http: //jsfiddle.net/uCkef/1/

以下是如何使'placeholder'属性在 IE 浏览器中工作 - http://dipaksblogonline.blogspot.in/2012/02/html5-placeholder-in-ie7-and-ie8-fixed.html

对于焦点和模糊事件 -

$('input').focus(function(){
   console.log('focused');
}).blur(function(){
   console.log('blured');
})

Answer 2

尝试将 javascript 添加为新的 html 属性

@HTML.TextboxFor(m => m.term, new { onfocus="if (this.value=='Search') {this.value='';}" })