Focus事件与blur事件

一、简介
Focus事件。当元素获得焦点时，触发focus事件。当通过鼠标点击或选中元素或通过tab键定位到元素时，该元素就会获得焦点。Focus()方法触发focus事件，或规定当发生focus事件是运行的函数。
Focus()，可以传入参数供函数处理。与focusin类似，两者区别在与，focusin可以在父元素上检测子元素获取焦点的情况。
Blur事件。当元素失去焦点时触发blur事件。Blur()函数触发blur事件或者如果设置了function参数，该函数也可规定当blur事件发生时执行的代码。
Blur事件会在元素失去焦点时触发，既可以是鼠标行为，也可以是按tab键离开的。与foucsout一样，元素失去焦点时触发。两者唯一的区别存在于foucsout可以在父 元素上检测子元素失去焦点的情况。
当元素获得焦点时触发focus事件，执行focus函数。失去焦点时，触发blur事件，执行blur函数。
二、focus函数与blur函数
1.表单元素布局

2.给输入框绑定focus事件
获得焦点时，控制台输出123；
$(“#Input”).focus(function(){
Console.log(“123”);
});

3.给输入框绑定blur事件
失去焦点时，控制台输出321；
$(“# Input”).blur(function(){
Console.log(“321”);
});

4.focusin和focusout。
在这里的函数中，focus函数可以用focusin代替，blur函数可以用focusout代替
$(“# Input”). focusin (function(){
Console.log(“321”);
});

$(“# Input”). focusout (function(){
Console.log(“321”);
});