×

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

作者:cidy20172019.11.26来源:Web前端之家浏览:17131评论:0
关键词:jsblur()

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>

您的支持是我们创作的动力!
温馨提示:本文作者系 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://www.jiangweishan.com/article/23gd324234324.html

网友评论文明上网理性发言 已有0人参与

发表评论: