input获取焦点和失去焦点

 

js用法：

onBlur:当输入框失去焦点后 

onFocus:当输入框获得焦点后

onblur 是原生 js 的写法，可以直接写在元素的属性中或者在脚本中定义；
<input type="text"  id="demo"  οnblur=" demo() " >，或者
<script>

function demo(){

//执行的函数  为空则为空

}

或者不在元素属性中使用 onblur，而是直接用js  绑定时事件
var demo = document.getElementById('demo');

demo.onblur = function(){     //执行的函数     };

</script>

 

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;