input获取焦点和失去焦点

 

js用法：

onBlur:当输入框失去焦点后 

onFocus:当输入框获得焦点后

onblur 是原生 js 的写法，可以直接写在元素的属性中或者在脚本中定义；
，或者

 

jq用法：

focus();获取焦点

blur();失去焦点

focus，blur 直接绑定对象；

$( '#demo' ).focus();

或  $( '#demo' ).focus( function(){

//失去焦点时执行的函数
} )

$( '#demo' ).blur();

或 $( '#demo' ).blur( function(){
//失去焦点时执行的函数

} )或

$(document).on("blur","",function(){

//失去焦点时执行的函数

})

 

:focus伪类来判定元素是否获取焦点；

var $focused = $(':focus');
 
var focused = document.activeElement;
 
var hasFocus = $('input').is(':focus'); //判断是否有:focus;
 
elem === elem.ownerDocument.activeElement;