Jquery教程
Jquery动效
Jquery HTML/CSS
Jquery 事件
jquery常用

Jquery blur()

当元素失去焦点时,发生jQuery blur事件。可以通过键盘命令(例如,Tab键或鼠标单击页面上的任意位置)来生成该函数。
它使您能够将函数附加到事件中,该事件将在元素失去焦点时执行。最初,此事件仅与<input>之类的表单元素一起使用。在最新的浏览器中,已将其扩展为包括所有元素类型。
blur()方法通常与focus()方法一起使用。
语法:
$(selector).blur()
它触发选定元素的模糊事件。
$(selector).blur(function)
它为模糊事件添加了一个函数。

jQuery blur()事件的参数

参数 说明
function 这是一个可选参数。它用于指定当元素失去焦点(模糊)时要运行的功能。

jQuery blur()事件的示例

让我们以一个示例来演示jQuery blur()事件。
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script>
$(document).ready(function(){
    $("input").blur(function(){
        alert("此文本框已失去焦点。");
    });
});
</script>
</head>
<body>
Enter your name: <input type="text">
</body>
</html>
输出:
输入您的姓名:
注意: 在输入字段中输入您的姓名,然后在字段外部单击以失去焦点(模糊)。
昵称: 邮箱:
Copyright © 2022 立地货 All Rights Reserved.
备案号:京ICP备14037608号-4