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");
});
尝试一下 »