jquery focus()方法


  翻译结果:

focus

英 [ˈfəʊkəs]   美 [ˈfoʊkəs]  

vt.& vi.(使)集中,(使)聚集;调整(镜头,眼睛)焦点[焦距]以便看清

vt.调整(眼睛或者镜头的)焦距;集中(光束于);聚焦,注视;集中注意力

n.焦点;影象的清晰度;(活动、注意力、兴趣等的)中心;[医]病灶,病症

jquery focus()方法语法

作用:当元素获得焦点时,发生 focus 事件。

触发focus事件语法:$(selector).focus()

将函数绑定到focus事件语法:$(selector).focus(function)

参数:

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

jquery focus()方法示例

<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>
运行实例 »

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

热门推荐

首页

视频

问答