jQuery blur() 方法

jQuery 事件方法

 

实例

 

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

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

定义和用法

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

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

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

语法

为被选元素触发 blur 事件：

$(selector).blur()尝试一下：
 
 1 <html>
 2 <head>
 3 <meta charset="utf-8"> 
 4 <title>菜鸟教程(runoob.com)</title>
 5 <script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js">
 6 </script>
 7 <script>
 8 $(document).ready(function(){
 9   $("input").blur(function(){
10     alert("输入框失去了焦点");
11   });
12 });
13 </script>
14 </head>
15 <body>
16 
17 输入你的名字: <input type="text">
18 <p>在输入框写些东西，然后点击输入框外，让其失去焦点。</p>
19 
20 </body>
21 </html>
View Code

 

添加函数到 blur 事件：

$(selector).blur(function)
 
 

 

posted @ 2018-06-23 14:14  lvmenghui001  阅读(1036)  评论(0)  编辑  收藏  举报