HTML में एलिमेंट फोकस खोने पर स्क्रिप्ट कैसे चलाएं?

onblur एट्रिब्यूट का उपयोग तब स्क्रिप्ट चलाने के लिए किया जाता है जब कोई एलिमेंट फोकस खो देता है (उपयोगकर्ता कहीं और क्लिक करता है, टैब दबाता है, या प्रोग्रामेटिकली blur() कॉल होता है)। यह onfocus (फोकस प्राप्त करने पर) का विपरीत है।

उदाहरण

निम्न कोड से onblur एट्रिब्यूट लागू करें (इनपुट को अपरकेस में बदलता है):

<!DOCTYPE html> <html> 
  <body> 
    <p>नीचे टेक्स्ट टाइप करें!</p> 
    देश: <input type="text" name="myid" id="myid" onblur="display()"> 
    <script> 
      function display() { 
        var str = document.getElementById("myid"); 
        str.value = str.value.toUpperCase(); 
      } 
    </script> 
  </body> 
</html>

उपयोग केस: फॉर्म वैलिडेशन (फील्ड छोड़ने पर चेक), ऑटो-सेव, फॉर्मेटिंग (अपरकेस, फोन नंबर फॉर्मेट), टूलटिप छिपाना।