查看“Event focusin”的源代码

{{DISPLAYTITLE:focusin()}}[[Category:jquery ref events|29]]
= jQuery focusin() 方法 =

[[jquery ref events|jQuery 事件方法]]

当 &lt;div&gt; 元素或其任意子元素获得焦点时，设置 &lt;div&gt; 元素的背景颜色：

<sample title="" desc="" lang="html" hererun="1">

    $("div").focusin(function(){

  $(this).css("background-color","#FFFFCC");

    });

 </sample>
<run name=""> <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>小白教程(xiaobai.wang)</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("div").focusin(function(){
    $(this).css("background-color","#FFFFCC");
  });
  $("div").focusout(function(){
    $(this).css("background-color","#FFFFFF");
  });
});
</script>
</head>
<body>

<div style="border: 1px solid black;padding:10px;">
First name: <input type="text"><br>
Last name: <input type="text">
</div>

<p>点击输入框获取焦点，点击输入框外的部分失去焦点。</p>

</body>
</html> </run>
== 定义和用法 ==

当元素（或在其内的任意元素）获得焦点时发生 focusin 事件。

当在元素或在其内的任意元素上发生 focus 事件时，focusin() 方法添加要运行的函数。

与 [[event focus|focus()]] 方法不同的是，focusin() 方法在任意子元素获得焦点时也会触发。

'''提示：'''当通过鼠标点击选中元素或通过 tab 键定位到元素时，该元素就会获得焦点。

'''提示：'''该方法通常与 [[event focusout|focusout()]] 方法一起使用。

== 语法 ==

<pre>

$(selector).focusin(function)

</pre>
{| class="table table-striped table-hover"
! 参数
! 描述
|-
| function
| 必需。规定 focusin 事件发生时要运行的函数。
|}

[[jquery ref events|jQuery 事件方法]]