js, jquery 听输入框输入获取, 失去焦点事件焦点, 模糊
最编程
2024-06-17 20:42:17
...
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 () {
// 输入框失去焦点
});
上一篇: 解决安卓系统无法在键盘收起时触发 "焦点外 "事件的问题
下一篇: html 失焦事件-小节