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

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


HTML पृष्ठ पर टेक्स्ट को अचयनित करने के लिए निम्नलिखित कोड है -

उदाहरण

<!DOCTYPE html>
<htmllang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</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>De-select text on HTML page</h1>
<div style="color: green;" class="result">
Here is some text inside the div
</div>
<button class="Btn">CLICK HERE</button>
<h3>Click on the above button to deselect everything on this page</h3>
<script>
   let resEle = document.querySelector(".result");
   document.querySelector(".Btn").addEventListener("click", () => {
      window.getSelection().removeAllRanges();
   });
</script>
</body>
</html>

आउटपुट

उपरोक्त कोड निम्न आउटपुट उत्पन्न करेगा -

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

पृष्ठ पर कुछ पाठ का चयन करना -

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

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

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


  1. जावास्क्रिप्ट के साथ <strong> टैग में टेक्स्ट कैसे सेट करें?

    सबसे पहले, तत्व - . सेट करें <strong id="strongDemo">Replace This strong tag</strong> ऊपर सेट की गई आईडी विशेषता # - . का उपयोग करके टेक्स्ट सेट करने के लिए उपयोग की जाएगी $(document).ready(function(){    $("#strongDemo").html("Actual value of 5+10 is

  1. जैसे ही मैं जावास्क्रिप्ट में टाइप करता हूं, एचटीएमएल टेक्स्ट इनपुट फ़ील्ड को बढ़ाएं?

    इसके लिए का इस्तेमाल करें। चूंकि आप इसमें टाइप करना चाहते हैं, इसलिए को − . के रूप में सेट करना न भूलें contenteditable=true उदाहरण दस्तावेज़ अवधि{ सीमा :ठोस 2px स्काईब्लू; } div {अधिकतम-चौड़ाई:500px; }जॉन स्मिथ उपरोक्त प्रोग्राम को चलाने के लिए, फ़ाइल नाम anyName.html(index.html) को सेव करें और

  1. जावास्क्रिप्ट में स्ट्रिंग दोहराएं?

    स्ट्रिंग को दोहराने के लिए, आप शामिल होने () के साथ ऐरे () का उपयोग कर सकते हैं। उदाहरण निम्नलिखित कोड है - <!DOCTYPE html> <html lang="en"> <head>    <meta charset="UTF-8">    <meta name="viewport" content="width=dev