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

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


विवरण

HTML onkeyup इवेंट एट्रिब्यूट तब ट्रिगर होता है जब उपयोगकर्ता कीबोर्ड पर कुंजी छोड़ता है।

सिंटैक्स

<tagname onkeyup="script">Content</tagname>

उदाहरण

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

<!DOCTYPE html> <html> <head> <style> 
  body { 
    color: #000; 
    height: 100vh; 
    background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat; 
    text-align: center; 
    padding: 20px; 
  } 
  .show { 
    font-size: 1.2rem; 
  } 
</style> </head> <body> 
<h1>HTML onkeyup इवेंट एट्रिब्यूट डेमो</h1> 
<textarea class="" placeholder="अपना संदेश यहां दर्ज करें" rows="5" cols="40" onkeyup="keyFn()"></textarea> 
<div class="show"></div> 
<script> 
  function keyFn() { 
    document.querySelector(".show").innerHTML = 'आपने दर्ज किया: ' + document.querySelector("textarea").value; 
  } 
</script> </body> </html>

आउटपुट

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

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

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


  1. HTML ondragenter इवेंट एट्रिब्यूट HTML ondragenter इवेंट एट्रिब्यूट

    विवरण HTML ondragenter इवेंट एट्रिब्यूट HTML दस्तावेज़ में जब कोई ड्रैगेबल तत्व या टेक्स्ट एक वैध ड्रॉप टारगेट में प्रवेश करता है, तब ट्रिगर होता है। सिंटैक्स <tagname ondragenter=script></tagname> उदाहरण आइए HTML ondragenter इवेंट एट्रिब्यूट का एक उदाहरण देखें: <!DOCTYPE html>

  1. HTML ondragend इवेंट एट्रिब्यूट HTML ondragend इवेंट एट्रिब्यूट

    विवरण HTML ondragend इवेंट एट्रिब्यूट HTML दस्तावेज़ में जब उपयोगकर्ता किसी HTML तत्व के एलिमेंट या टेक्स्ट को ड्रैग करना समाप्त करता है, तब ट्रिगर होता है। सिंटैक्स <tagname ondragend=script></tagname> उदाहरण आइए HTML ondragend इवेंट एट्रिब्यूट का एक उदाहरण देखें: <!DOCTYPE html&g

  1. HTML onpageshow इवेंट एट्रिब्यूट HTML onpageshow इवेंट एट्रिब्यूट

    विवरण HTML onpageshow इवेंट एट्रिब्यूट तब ट्रिगर होता है जब उपयोगकर्ता किसी वेबपेज पर नेविगेट करता है। सिंटैक्स <body onpageshow=script></body> उदाहरण आइए HTML onpageshow इवेंट एट्रिब्यूट का एक उदाहरण देखें: <!DOCTYPE html> <html> <style> body { color: #000;