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

jquery друпал drupal

Вы наверно не раз видели  поле поиска с текстом "поиск", по нажатию на которое слово "поиск" изсчезает и можно вводить свой запрос для поиска. Ниже я приведу сниппет на 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() - обрабатывает событие становление фокуса на объект, по этому событию если в поле текст Поиск, мы оставляем пусто значение.

Добавить комментарий

Войти, используя Loginza Google Account Yandex Mail.ru Vkontakte Facebook

Plain text

  • HTML-теги не обрабатываются и показываются как обычный текст
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Строки и параграфы переносятся автоматически.