在js(jquery)中获得文本框焦点和失去焦点的方法

jquery实现方法 

对于元素的焦点事件,我们可以使用jQuery的焦点函数focus(),blur()。 

focus():得到焦点时使用,和javascript中的onfocus使用方法相同。 
如: 
复制代码代码如下:

$("p").focus(); 或$("p").focus(fn) 

blur():失去焦点时使用,和onblur一样。 
如: 
复制代码代码如下:

$("p").blur(); 或$("p").blur(fn) 

实例 
复制代码代码如下:

 
这里label覆盖在文本框上,可以更好的控制样式 
 
 
 

jquery代码 
复制代码代码如下:

$(function() { 
$('#searchKey').focus(function() { 
$('#lbSearch').text(''); 
}); 
$('#searchKey').blur(function() { 
var str = $(this).val(); 
str = $.trim(str); 
if(str == '') 
$('#lbSearch').text('搜神马?'); 
}); 
}) 

你可能感兴趣的:(Web前端开发)