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

HTML पेज पर टेक्स्ट डी-सिलेक्ट करने के लिए JavaScript कोड


HTML पेज पर टेक्स्ट डी-सिलेक्ट करने का निम्नलिखिक कोड है:

उदाहरण

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

आउटपुट

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

HTML पेज पर टेक्स्ट डी-सिलेक्ट करने के लिए JavaScript कोड

पेज पर कुछ टेक्स्ट सिलेक्ट करने पर:

HTML पेज पर टेक्स्ट डी-सिलेक्ट करने के लिए JavaScript कोड

'यहाँ क्लिक करें' बटन पर क्लिक करने पर:

HTML पेज पर टेक्स्ट डी-सिलेक्ट करने के लिए JavaScript कोड


  1. JavaScript से <strong> टैग में टेक्स्ट कैसे सेट करें? JavaScript से <strong> टैग में टेक्स्ट कैसे सेट करें?

    उदाहरण सबसे पहले <strong> एलिमेंट सेट करें: <strong id=strongDemo>Replace This strong tag</strong> आईडी का उपयोग करके jQuery से टेक्स्ट सेट करें: $(document).ready(function(){ $(#strongDemo).html(Actual value of 5+10 is 15.....); }); पूरा HTML कोड: <!DOCTYPE html> <

  1. JavaScript में टाइप करते समय HTML टेक्स्ट इनपुट फील्ड को ऑटो-ग्रो कैसे करें? JavaScript में टाइप करते समय HTML टेक्स्ट इनपुट फील्ड को ऑटो-ग्रो कैसे करें?

    उदाहरण contenteditable=true वाले span एलिमेंट का उपयोग करके ऑटो-ग्रोइंग टेक्स्ट फील्ड बनाएं। <!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

  1. JavaScript में स्ट्रिंग दोहराना JavaScript में स्ट्रिंग दोहराना

    स्ट्रिंग दोहराने के लिए, आप Array() के साथ join() का उपयोग कर सकते हैं।उदाहरणकोड निम्न है:<!DOCTYPE html> <html lang=en> <head>    <meta charset=UTF-8>    <meta name=viewport content=width=device-width, initial-scale=1.0>    <title>Do