如何为 @Html.Editor() 编写焦点和模糊事件

How write onfocus and onblur events for @Html.Editor()?

本文关键字:焦点 模糊 事件 @Html Editor      更新时间:2023-09-26

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

<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")?编写对焦和模糊事件

为什么不使用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/

以下是使'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');
})

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

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