当前位置: 代码迷 >> Web前端 >> Jquery兑现鼠标获得失去焦点事件
  详细解决方案

Jquery兑现鼠标获得失去焦点事件

热度:32   发布时间:2013-02-06 14:02:21.0
Jquery实现鼠标获得失去焦点事件
鼠标获得失去焦点事件很常用,下面代码将实现它
1.后台JS代码
jquery(document).ready(function(){

   focusblur("#searchkey");//调用方法
})
//主方法的实现
var focusblur=function(focusid){
var focusblurid = $(focusid);
var defval = focusblurid.val(); 
//获得焦点
focusblurid.focus(function(){
var thisval=$(this).val();
if(thisval==defval){
$(this).val("");//制空
}
});
//失去焦点
focusblurid.blur(function(){
var thisval=$(this).val();
if(thisval==""){
$(this).val(defval);//赋值
}
})

}


2.前台JSP代码

<p>jquery的获得失去焦点事件的测试</p>
<table>
  <tr>
    <td>搜索条件: <input type="text" id="searchkey" value="请输入搜索条件"/></td>
    <td> <input type="button" id="b1" value="search"/></td>
</tr>
</table>
  相关解决方案