jQuery|focus焦点家族

focus的家族中有三个成员

focus:当 <input> 字段获得焦点时发生 focus 事件 focusin:当 <div> 元素或其任意子元素获得焦点事件。 focusout：当 <div> 元素或其任意子元素失去焦点事件。

$(selector).focus(function) $(selector).focusin(function) $(selector).focusout(function)

focus

当 &lt;input&gt; 字段获得焦点时发生 focus 事件： $("input").focus(function(){ $("span").css("display","inline").fadeOut(2000); }); <a href="https://link.jianshu.com?t=http%3A%2F%2Fwww.runoob.com%2Ftry%2Ftry.php%3Ffilename%3Dtryjquery_event_focus_ref" target="_blank">尝试一下 »</a>

focusin

当 &lt;div&gt; 元素或其任意子元素获得焦点时，设置 &lt;div&gt; 元素的背景颜色： $("div").focusin(function(){ $(this).css("background-color","#FFFFCC"); <a href="https://link.jianshu.com?t=http%3A%2F%2Fwww.runoob.com%2Ftry%2Ftry.php%3Ffilename%3Dtryjquery_event_focusout" target="_blank">尝试一下 »</a>

focusout

当 &lt;div&gt; 元素或其任意子元素失去焦点时，设置 &lt;div&gt; 元素的背景颜色： $("div").focusout(function(){ $(this).css("background-color","#FFFFFF");