jQuery и Drupal. Урок 7. Поле поиска на jquery, события Focus и Blur

Вы наверно не раз видели  поле поиска с текстом "поиск", по нажатию на которое слово "поиск" изсчезает и можно вводить свой запрос для поиска. Ниже я приведу сниппет на jQuery для этого:

$('#search-block-form .form-text').val('Поиск');
 
$('#search-block-form .form-text').blur(function(){
     if(this.value==''){
       this.value='Поиск';
     }
  });    
  $('#search-block-form .form-text').focus(function(){
    if(this.value=='Поиск'){
      this.value='';
    }
  });

Для этого используется два обработчика событий .blur() и .focus().

.blur() - обрабатывает событие снятие фокуса (текстового курсора) с объекта, по этому событию если поле пустое, то мы вставляем в поле Поиск.

.focus() - обрабатывает событие становление фокуса на объект, по этому событию если в поле текст Поиск, мы оставляем пусто значение.