HTML onfocus इवेंट एट्रिब्यूट

विवरण

HTML onfocus इवेंट एट्रिब्यूट HTML दस्तावेज़ में जब कोई HTML तत्व फोकस प्राप्त करता है, तब उपयोग किया जाता है।

सिंटैक्स

<tagname onfocus="script"></tagname>

उदाहरण

आइए HTML onfocus इवेंट एट्रिब्यूट का एक उदाहरण देखें:

<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> 
  body { 
    color: #000; 
    height: 100vh; 
    background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat; 
    text-align: center; 
    padding: 20px; 
  } 
  textarea { 
    border: 2px solid #fff; 
    background: transparent; 
    font-size: 1rem; 
  } 
  ::placeholder { 
    color: #000; 
    font-size: 1rem; 
  } 
</style> </head> <body> 
<h1>HTML onfocus इवेंट एट्रिब्यूट डेमो</h1> 
<textarea placeholder="अपना संदेश यहां दर्ज करें" onfocus="focusFn()" rows='8' cols="50"></textarea> 
<script> 
  function focusFn() { 
    document.querySelector('textarea').style.background = '#ffffff36'; 
  } 
</script> </body> </html>

आउटपुट

अब टेक्स्ट एरिया में क्लिक करके फोकस करें और देखें कि onfocus इवेंट एट्रिब्यूट कैसे काम करता है।