jQuery|focus焦點家族

focus的家族中有三個成員

成員

focus:當 <input> 欄位獲得焦點時發生 focus 事件
focusin:當 <div> 元素或其任意子元素獲得焦點事件。
focusout：當 <div> 元素或其任意子元素失去焦點事件。

各自語法

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

各自樣例

focus

當 <input> 欄位獲得焦點時發生 focus 事件：
$(“input”).focus(function(){
$(“span”).css(“display”,”inline”).fadeOut(2000);
});
嘗試一下 »

focusin

當 <div> 元素或其任意子元素獲得焦點時，設定 <div> 元素的背景顏色：
$(“div”).focusin(function(){
$(this).css(“background-color”,”#FFFFCC”);
});
嘗試一下 »

focusout

當 <div> 元素或其任意子元素失去焦點時，設定 <div> 元素的背景顏色：
$(“div”).focusout(function(){
$(this).css(“background-color”,”#FFFFFF”);
});
嘗試一下 »