jQuery blur()

本文概述

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

它触发选定元素的模糊事件。
$(selector).blur(function)

它将函数添加到模糊事件。
jQuery blur()事件的参数
参数 描述
Function 它是一个可选参数。它用于指定元素失去焦点(模糊)时要运行的功能。
jQuery blur()事件的示例让我们以一个示例来演示jQuery blur()事件。
< !DOCTYPE html> < html> < head> < script src="http://img.readke.com/220429/1K0112216-0.jpg"> < /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>

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

    推荐阅读