个性化阅读
专注于IT技术分析

jQuery blur()

本文概述

当元素失去焦点时, 将发生jQuery模糊事件。它可以通过键盘命令(如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("This text box has lost its focus.");
    });
});
</script>
</head>
<body>
Enter your name: <input type="text">
</body>
</html>

立即测试

输出:

输入你的名字:

注意:在输入字段中输入你的姓名, 然后在字段外部单击以失去焦点(模糊)。

赞(0)
未经允许不得转载:srcmini » jQuery blur()

评论 抢沙发

评论前必须登录!