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

HTML ऑनकीडाउन इवेंट विशेषता

<घंटा/>

जब उपयोगकर्ता कीबोर्ड पर कोई कुंजी दबाता है तो HTML ऑनकीडाउन इवेंट विशेषता ट्रिगर हो जाती है।

सिंटैक्स

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

<tagname onkeydown=”script”>Content</tagname>

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

उदाहरण

<!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 onkeydown Event Attribute Demo</h1>
<textarea class="" placeholder="Enter your message here" rows="5" cols="40" onkeydown="keyFn()"></textarea>
<div class="show"></div>
<script>
   function keyFn() {
      document.querySelector(".show").innerHTML = 'You enter: ' + document.querySelector("textarea").value;
   }
</script>
</body>
</html>

आउटपुट

HTML ऑनकीडाउन इवेंट विशेषता

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

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>