js、jquery监听输入框input获取、失去焦点事件focus、blur

onfocus 事件在对象获得焦点时发生， 通常用于 <input>、<select>、 和<a>。
onblur 事件会在对象失去焦点时发生。

<input type="text" onfocus="myFocus()" onblur="myBlur()">
<input type="text" id="name">

1、js绑定input 3种方法

var nameInput = document.getElementById("name");
//1
nameInput.onfocus = function () {
    console.log("input获取焦点1111---")
};

nameInput.onblur = function () {
    console.log("input失去焦点1111---")
};

//2
nameInput.addEventListener("focus", function () {
    console.log("input获取焦点2222---")
});

nameInput.addEventListener("blur", function () {
    console.log("input失去焦点2222---")
});

//3
function myFocus() {
    console.log("input获取焦点3333---")
}

function myBlur() {
    console.log("input失去焦点3333---")
}

2、jquery绑定input 

$("input").focus(function () {
    // 输入框获取焦点
}).blur(function () {
    // 输入框失去焦点
});