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() — մշակվում է, երբ դաշտը ստանում է ֆոկուս։ Եթե դաշտում "Որոնում" բառն է, այն մաքրվում է՝ թողնելով դատարկ։