鼠标获得失去焦点事件很常用,下面代码将实现它
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>
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>