Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> HTML

एचटीएमएल ऑनफोकस इवेंट एट्रीब्यूट

<घंटा/>

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

सिंटैक्स

निम्नलिखित वाक्य रचना है -

<tagname onfocus=”script”></tagname>

उदाहरण

आइए एचटीएमएल ऑनफोकस इवेंट एट्रीब्यूट का एक उदाहरण देखें -

<!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 Event Attribute Demo</h1>
<textarea placeholder="Enter your message here" onfocus="focusFn()" rows='8' cols="50"></textarea>
<script>
   function focusFn() {
      document.querySelector('textarea').style.background = '#ffffff36';
   }
</script>
</body>
</html>

आउटपुट

एचटीएमएल ऑनफोकस इवेंट एट्रीब्यूट

ऑनफोकस इवेंट एट्रिब्यूट कैसे काम करता है, यह देखने के लिए अब टेक्स्ट क्षेत्र में अपना संदेश दर्ज करें।

एचटीएमएल ऑनफोकस इवेंट एट्रीब्यूट


  1. HTML ondragenter ईवेंट विशेषता

    HTML ondragenter ईवेंट विशेषता तब ट्रिगर होती है जब कोई ड्रैग करने योग्य तत्व या टेक्स्ट HTML दस्तावेज़ में एक मान्य ड्रॉप लक्ष्य में प्रवेश करता है। सिंटैक्स निम्नलिखित वाक्य रचना है - <tagname ondragenter=”script”></tagname> उदाहरण आइए हम HTML ondragenter ईवेंट विशेषता का

  1. HTML ondragend ईवेंट विशेषता

    HTML ondragend ईवेंट विशेषता तब ट्रिगर होती है जब उपयोगकर्ता HTML दस्तावेज़ में किसी HTML तत्व के किसी तत्व या टेक्स्ट को खींचना समाप्त कर देता है। सिंटैक्स निम्नलिखित वाक्य रचना है - <tagname ondragend=”script”></tagname> आइए हम HTML ondragend ईवेंट विशेषता का एक उदाहरण दे

  1. एचटीएमएल ऑनपेजशो इवेंट एट्रीब्यूट

    जब कोई उपयोगकर्ता वेबपेज पर जाता है तो HTML onpageshow ईवेंट विशेषता ट्रिगर हो जाती है। सिंटैक्स निम्नलिखित वाक्य रचना है - <body onpageshow=”script”></body> आइए एचटीएमएल ऑनपेजशो इवेंट एट्रीब्यूट— . का एक उदाहरण देखें उदाहरण <!DOCTYPE html> <html> <style>