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").

如何使用@Html.Editor("term")?

编写onfocus和onblur事件

Answer 1

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

替换 -

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

以下是如何在IE浏览器中使'placeholder'属性工作 - 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='';}" })

如何为@ Html.Editor（）写onfocus和onblur事件？

2 个答案: