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() — यह इवेंट तब सक्रिय होता है जब फोकस (कर्सर) किसी ऑब्जेक्ट पर आता है। यदि इस समय फ़ील्ड में “खोज” शब्द लिखा है, तो हम फ़ील्ड को खाली कर देते हैं।