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

विवरण

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

सिंटैक्स

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

उदाहरण

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

<!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 onkeypress इवेंट एट्रिब्यूट डेमो</h1> 
<textarea class="" placeholder="अपना संदेश यहां दर्ज करें" rows="5" cols="40" onkeypress="keyFn()"></textarea> 
<div class="show"></div> 
<script> 
  function keyFn() { 
    document.querySelector(".show").innerHTML = 'आपने दर्ज किया: ' + document.querySelector("textarea").value; 
  } 
</script> </body> </html>

आउटपुट

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