onBlur:当输入框失去焦点后
onFocus:当输入框获得焦点后
这两个JavaScript事件是写在html标签中的例如：
<input type="text" onBlur=" " onFocus=" " />
使用jQuery的实现方法为：
对于元素的焦点事件，我们可以使用jQuery的焦点函数focus(),blur()。
focus()：得到焦点时使用，blur()：失去焦点时使用。
代码如下:
同样可以使用jQuery中提供的:focus伪类来判定元素是否获取焦点；
// Get the focused element: var $focused = $(‘:focus‘); // No jQuery: var focused = document.activeElement; // Does the element have focus: var hasFocus = $(‘input‘).is(‘:focus‘); // No jQuery: elem === elem.ownerDocument.activeElement;
下面写一个实例：
<!DOCTYPE HTML> <HTML> <HEAD> <TITLE> New Document </TITLE> </HEAD> <style> .bor{ border:3px solid red; } </style> <BODY> <input type="text"/> <script type="text/javascript" src="jquery-1.11.3.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("input").focus(function(){ $(this).addClass("bor"); }); $("input").blur(function(){ $(this).removeClass("bor"); }); }); </script> </BODY> </HTML>
当然还可以根据获取元素的状态修改其他元素的各项属性，或者是需要发生的事件
原文：http://www.cnblogs.com/shazhou-blog/p/5175195.html