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

यूज़र सिलेक्शन के टेक्स्ट कंटेंट प्राप्त करने का JavaScript प्रोग्राम


JavaScript का उपयोग करके यूज़र सिलेक्शन के टेक्स्ट कंटेंट प्राप्त करने का निम्नलिखिक कोड है:

उदाहरण

<!DOCTYPE html> <html lang="hi"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Get User Selection</title> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result,.sample { font-size: 20px; font-weight: 500; color: rebeccapurple; } </style> </head> <body> <h1>यूज़र सिलेक्शन के टेक्स्ट कंटेंट प्राप्त करें</h1> <div style="color: green;" class="result"> यहाँ डिव के अंदर कुछ टेक्स्ट है </div> <div class="sample"></div> <button class="Btn">सिलेक्ट करें</button> <h3>यूज़र द्वारा चुने गए टेक्स्ट को प्रदर्शित करने के लिए ऊपर दिए गए बटन पर क्लिक करें</h3> <script> let resEle = document.querySelector(".result"); let BtnEle = document.querySelector(".Btn"); let sampleEle = document.querySelector(".sample"); BtnEle.addEventListener("click", () => { sampleEle.innerHTML = window.getSelection().toString(); }); </script> </body> </html>

आउटपुट

उपरोक्त कोड निम्नलिखिक आउटपुट देगा:

यूज़र सिलेक्शन के टेक्स्ट कंटेंट प्राप्त करने का JavaScript प्रोग्राम

कुछ टेक्स्ट सिलेक्ट करके फिर 'सिलेक्ट करें' बटन पर क्लिक करने पर:

यूज़र सिलेक्शन के टेक्स्ट कंटेंट प्राप्त करने का JavaScript प्रोग्राम


  1. जावास्क्रिप्ट का उपयोग करके ऑटो-रिसाइज टेक्स्ट एरिया बनाना जावास्क्रिप्ट का उपयोग करके ऑटो-रिसाइज टेक्स्ट एरिया बनाना

    जावास्क्रिप्ट का उपयोग करके ऑटो रिसाइज टेक्स्ट एरिया बनाने के लिए कोड निम्नलिखित है: उदाहरण <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8 /> <meta name=viewport content=width=device-width, initial-scale=1.0 /> <title>Document</title> <style&g

  1. क्लाइंट का IP एड्रेस प्राप्त करने के लिए जावास्क्रिप्ट प्रोग्राम क्लाइंट का IP एड्रेस प्राप्त करने के लिए जावास्क्रिप्ट प्रोग्राम

    क्लाइंट का IP एड्रेस प्राप्त करने के लिए कोड निम्नलिखित है: उदाहरण <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8 /> <meta name=viewport content=width=device-width, initial-scale=1.0 /> <title>Document</title> <style>    body { &n

  1. जावास्क्रिप्ट का उपयोग करके <text> का मान निकालकर वेरिएबल में स्टोर करना जावास्क्रिप्ट का उपयोग करके <text> का मान निकालकर वेरिएबल में स्टोर करना

    <text> का मान निकालने के लिए, उपयोग करें -document.getElementById(yourTextIdValue).textContentउदाहरण  Document This is the JavaScript.... var originalText = document.getElementById(myText).textContent; console.log(originalText); उपरोक्त प्रोग्राम चलाने के लिए, बस फ़ाइल का न