jQuery e Drupal. Aula 7. Campo de busca, eventos Focus e Blur

Você já viu o campo de busca com a palavra “buscar”, que desaparece ao clicar para digitar. Ниже я приведу сниппет на 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='';
    }
  });

Usamos dois handlers: .blur() e .focus().

.blur() — ao perder foco, se vazio insere “Buscar”.

.focus() — ao ganhar foco, se texto é “Buscar”, limpa o campo.