本文概述
当元素失去焦点时, 将发生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>
立即测试
输出:
输入你的名字:
评论前必须登录!
注册