Удаление/возвращение вспомогательного текста из строки поиска (jQuery)

Строка поиска в большинстве сайтов содержит вспомогательный (обычно «поиск» или «введите »), который автоматически пропадает при получении фокуса текстовым полем и автоматически возвращается, если это поле теряет фокус и при этом не содержит введенных символов. С помощью можно очень просто организовать такое поведение:

var searchDefaultText = "Поиск...";
$("#searchField") // - найдем элемент текстового поля поиска
    .val(searchDefaultText) // - поместим в него нужный текст
    .css("", "#ccc") // - изменим цвет шрифта на серый
    .focus((){ // - установим обработчик получения фокуса
        $(this).css("color", "black");
        if ($(this).val() == searchDefaultText){
            $(this).val("");
        }
    })
    .((){ // - установим обработчик потери фокуса
        $(this).css("color", "#ccc");
        if ($(this).val() == ""){
            $(this).val(searchDefaultText);
        }
    });


Запись навигация

Top