jQuery blur() 方法 | 元素失去焦点时触发

jQuery 事件方法

---

定义与用法

当元素失去焦点时发生 blur 事件。

blur() 方法触发 blur 事件，或规定当发生 blur 事件时运行的函数。

提示：该方法常与 focus() 方法一起使用。

---

语法格式

为被选元素触发 blur 事件：

$( selector).blur()

添加函数到 blur 事件：

$( selector).blur( function)

---

示例代码

触发被选元素 blur 事件：

$("#btn1").click(function(){
    $("input").focus();
});  

$("#btn2").click(function(){
    $("input").blur();
}); 

效果展示

输入你的名字:

触发 focus 事件 触发 blur 事件

亲自试试

添加函数到 blur 事件。当 <input> 字段失去焦点时发生 blur 事件：

$("input").blur(function(){    
    alert("输入框失去了焦点");
});

亲自试试

---

参数说明

参数	描述
function	可选。规定当 blur 事件发生时运行的函数。

---

jQuery 事件方法

---