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&