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

最新推荐文章于 2025-03-15 09:59:07 发布

原创最新推荐文章于 2025-03-15 09:59:07 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

jquery 专栏收录该内容

25 篇文章

订阅专栏

本文介绍了一个使用jQuery实现的鼠标获得和失去焦点事件处理方法。通过简单的前后端代码配合，能够实现在用户输入框聚焦和失焦时的不同行为，如提示信息的显示与隐藏等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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