jquery blur()函数


  翻译结果:

blur

英 [blɜ:(r)]   美 [blɚ]  

n.污迹,污斑;模糊不清的事物;暧昧不明

vt.& vi.涂污,弄脏;(使)变模糊,(使)难以区分

jquery blur()函数语法

作用:当元素失去焦点时发生 blur 事件。blur() 函数触发 blur 事件,或者如果设置了 function 参数,该函数也可规定当发生 blur 事件时执行的代码。早前,blur 事件仅发生于表单元素上。在新浏览器中,该事件可用于任何元素。

触发blur 事件:触发被选元素的 blur 事件。

语法:$(selector).blur()

将函数绑定到blur 事:规定当被选元素的 blur 事件发生时运行的函数。

语法:$(selector).blur(function)

参数:

参数描述
function    可选。规定当 blur 事件发生时运行的函数。   

jquery blur()函数示例

<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("input").focus(function(){
    $("input").css("background-color","#FFFFCC");
  });
  $("input").blur(function(){
    $("input").css("background-color","#D6D6FF");
  });
});
</script>
</head>
<body>
Enter your name: <input type="text" />
<p>请在上面的输入域中点击,使其获得焦点,然后在输入域外面点击,使其失去焦点。</p>
</body>
</html>
运行实例 »

点击 "运行实例" 按钮查看在线实例

热门推荐

首页

视频

问答