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