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

 

文章介绍两个方法和种是利用javascript onFocus onBlur来判断焦点和失去焦点，加一种是利用jquery $("p").blur(); 或$("p").blur(fn)来实现，有需要的朋友可以参考一下

 先来看javascript的直接写在了input上：

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('搜神马？'); }); })