jQuery und Drupal. Lektion 7. Suchfeld mit jQuery, Ereignisse Focus und Blur

Sie haben sicher schon öfter ein Suchfeld gesehen, in dem der Text "Поиск" (Suche) steht, der beim Klicken verschwindet und man seine eigene Suche eingeben kann. Hier ist ein jQuery-Snippet dafür:

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

Hier werden zwei Event-Handler verwendet: .blur() und .focus().

.blur() – behandelt das Ereignis, wenn der Fokus (Textcursor) vom Eingabefeld genommen wird. Wenn das Feld leer ist, wird der Text "Поиск" wieder eingefügt.

.focus() – behandelt das Ereignis, wenn das Eingabefeld den Fokus bekommt. Wenn der Text "Поиск" im Feld steht, wird es geleert.