改变输入级

Question

我需要的jQuery脚本wiil添加类，当我输入类型=“text”是积极的，当它不remeve新添加的类（回默认值）

$("#search_text").click(function() { 
    $(this).removeClass('search').addClass('search_active'); 
    $('#search_icon').removeClass('search_icon').addClass('search_icon_active'); 
}); 

现在这个脚本只添加新类，但是当光标（输入）不活动时，它不会回到默认值。搜索

Answer 1

正如丹尼尔A.怀特说，你应该使用.focus和.blur

$("#search_text").focus(function() { 
    $(this).removeClass('search').addClass('search_active'); 
    $('#search_icon').removeClass('search_icon').addClass('search_icon_active'); 
}); 

$("#search_text").blur(function() { 
    $(this).removeClass('search_active').addClass('search'); 
    $('#search_icon').removeClass('search_icon_active').addClass('search_icon'); 
}); 

欲了解更多信息： 焦点：http://api.jquery.com/focus/ 模糊：http://api.jquery.com/blur/

Answer 2

看看.focus和.blur jquery事件。

Answer 3

如果你不介意不包括IE 6和7你可以使用：focus CSS事件。

input { background-color: #F7F7F7; }

input:focus { background-color: #FFFFFF; }