jQuery y Drupal. Lección 7. Campo de búsqueda con jQuery, eventos Focus y Blur

Seguramente has visto un campo de búsqueda con el texto "Поиск" (Buscar), que al hacer clic desaparece para permitir introducir tu propia consulta. A continuación te muestro un snippet en jQuery para lograr este comportamiento:

$('#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 = '';
  }
});

Para esto se utilizan dos manejadores de eventos: .blur() y .focus().

.blur() — se activa cuando el campo pierde el foco (el cursor de texto se mueve fuera del campo). Si el campo está vacío, insertamos el texto "Поиск".

.focus() — se activa cuando el campo recibe el foco. Si el valor actual es "Поиск", lo dejamos vacío para permitir escribir.