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");