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

HTML DOM इनपुटइवेंट डेटा प्रॉपर्टी

<घंटा/>

HTML DOM InputEvent डेटा प्रॉपर्टी उस वर्ण के अनुरूप स्ट्रिंग लौटाती है जिसे किसी ईवेंट का उपयोग करके टाइप किया गया था।

सिंटैक्स

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

टेक्स्ट फ़ील्ड में नवीनतम टाइप किया गया वर्ण लौटा रहा है -

event.data

उदाहरण

आइए इनपुट इवेंट डेटा के लिए एक उदाहरण देखें संपत्ति -

<!DOCTYPE html>
<html>
<head>
<title>InputEvent Data</title>
<style>
   form {
      width:70%;
      margin: 0 auto;
      text-align: center;
   }
   * {
      padding: 2px;
      margin:5px;
   }
   input[type="button"] {
      border-radius: 10px;
   }
</style>
</head>
<body>
<form>
<fieldset>
<legend>InputEvent-Data</legend>
<label>Fill in the blanks:
<input type="text" id="textSelect" placeholder="__ for Apple" oninput="getEventData(event)">
</label>
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var textSelect = document.getElementById("textSelect");
   function getEventData(InputEvent) {
      if(InputEvent.data === 'A')
         divDisplay.textContent = 'Correct Answer';
      else
         divDisplay.textContent = 'Try Again, '+textSelect.placeholder;
      textSelect.textContent = '';
   }
</script>
</body>
</html>

आउटपुट

यह निम्नलिखित आउटपुट देगा -

टेक्स्ट फील्ड में कुछ भी टाइप करने से पहले -

HTML DOM इनपुटइवेंट डेटा प्रॉपर्टी

टेक्स्ट फील्ड में गलत उत्तर टाइप करने के बाद -

HTML DOM इनपुटइवेंट डेटा प्रॉपर्टी

टेक्स्ट फील्ड में सही उत्तर टाइप करने के बाद -

HTML DOM इनपुटइवेंट डेटा प्रॉपर्टी


  1. एचटीएमएल डोम टेक्स्ट सामग्री संपत्ति

    HTML DOM textContent प्रॉपर्टी नोड और उसके सभी चाइल्ड नोड्स के टेक्स्ट (व्हाट्सएप सहित) के अनुरूप स्ट्रिंग लौटाती/सेट करती है। निम्नलिखित वाक्य रचना है - रिटर्निंग स्ट्रिंग मान Node.textContent यहां, वापसी मूल्य निम्नलिखित हो सकता है - दस्तावेज़ नोड्स के लिए शून्य निर्दिष्ट नोड और उसके सभी चाइल्

  1. एचटीएमएल डोम ओएल टाइप प्रॉपर्टी

    एचटीएमएल डोम ओएल टाइप प्रॉपर्टी टाइप एट्रिब्यूट का मान सेट/रिटर्न करती है जो ऑर्डर की गई सूची में इस्तेमाल किए गए मार्कर के प्रकार से मेल खाती है। निम्नलिखित वाक्य रचना है - रिटर्निंग टाइप प्रॉपर्टी olObject.type सेटिंग प्रकार एक चरित्र के लिए olObject.type = ‘1|a|A|i|I’ आइए एक उदाहर

  1. एचटीएमएल डोम ओएल स्टार्ट प्रॉपर्टी

    एचटीएमएल डोम ओएल स्टार्ट प्रॉपर्टी एक ऑर्डर की गई सूची की स्टार्ट एट्रिब्यूट का मान सेट/रिटर्न करता है। निम्नलिखित वाक्य रचना है - वापसी संख्या मान olObject.start सेटिंग प्रारंभ नंबर करने के लिए olObject.start = number आइए एक उदाहरण देखें Ol start संपत्ति - उदाहरण <!DOCTYPE html> <html&