学习下JS里的blur()方法的应用

作者：cidy20172019.11.26来源：Web前端之家浏览：17031评论:0

关键词：js blur()

blur()是jquery中的一个内置方法，用于从所选元素中移除焦点。此方法启动blur事件，或者可以附加一个函数，以便在发生blur事件时运行。

blur()方法触发 blur 事件，或者如果设置了 function 参数，该方法也可规定当发生 blur 事件时执行的代码。

语法：

$(selector).blur(function)

参数：它接受可选参数“function”。

返回值：它不返回任何内容，只触发所选元素上的blur事件。

示例1：没有函数传递给blur()方法

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
    </head> 
    <body>
    	输入值：<input type="text"> 
    <br> 
    <br> 
    <button id="btn">开始blur事件！！！</button> 
    <p style="color:green"></p> 
    <script src= "https://code.jquery.com/jquery-3.3.1.min.js"></script>
    <script> 
        $(document).ready(function() { 
            $("#btn").click(function() { 
                $("input").blur(); 
                $("p").html("这是使用的blur()方法！！！"); 
            }); 
        });  
    </script>
</body> 
  
</html>

示例2：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
    </head> 
    <body>
          输入值：<input type="text" name="fullname"> 
    <script src= "https://code.jquery.com/jquery-3.3.1.min.js"></script>
    <script> 
        $(document).ready(function() { 
            $("input").blur(function() { 
                $(this).css("background-color", "#2AABD2"); 
            }); 
        });  
    </script>
</body> 
  
</html>

赏您的支持是我们创作的动力！