JavaScript से टेक्स्ट को क्लिपबोर्ड में कैसे कॉपी करें?

JavaScript का उपयोग करके टेक्स्ट को क्लिपबोर्ड में कॉपी करने का पूरा कोड नीचे दिया गया है। यह पुराना document.execCommand('copy') मेथड उपयोग करता है, हालांकि आधुनिक ब्राउज़र्स में navigator.clipboard.writeText() बेहतर विकल्प है।

उदाहरण (लीगेसी मेथड)

<!DOCTYPE html> 
<html> 
<head> 
  <style> 
    button { 
      border: none; 
      outline: none; 
      background-color: rgb(191, 187, 255); 
      color: black; 
      font-weight: bold; 
      padding: 10px; 
    } 
    input { 
      padding: 10px; 
    } 
  </style> 
</head> 
<body> 
  <h1>क्लिपबोर्ड उदाहरण</h1> 
  <h2>नीचे दिए गए बटन पर क्लिक करके टेक्स्ट कॉपी करें और कहीं पेस्ट करें</h2> 
  <input type="text" value="Hello World" class="textInput" /> 
  <button class="copy">टेक्स्ट कॉपी करें</button> 
  <script> 
    document.querySelector(".copy").addEventListener("click", copyText); 
    function copyText() { 
      var copyText = document.querySelector(".textInput"); 
      copyText.select(); 
      copyText.setSelectionRange(0, 99999); // मोबाइल के लिए 
      document.execCommand("copy"); 
      alert("कॉपी किया गया टेक्स्ट है: " + copyText.value); 
    } 
  </script> 
</body> 
</html>

आउटपुट

यह निम्नलिखित आउटपुट उत्पन्न करेगा:

'टेक्स्ट कॉपी करें' बटन पर क्लिक करने पर:

आधुनिक दृष्टिकोण (Clipboard API)

async function copyTextModern() {
  const text = document.querySelector(".textInput").value;
  try {
    await navigator.clipboard.writeText(text);
    alert("कॉपी किया गया: " + text);
  } catch (err) {
    console.error('कॉपी असफल:', err);
    // फॉलबैक: पुराना मेथड
    fallbackCopy(text);
  }
}

function fallbackCopy(text) {
  const textarea = document.createElement('textarea');
  textarea.value = text;
  document.body.appendChild(textarea);
  textarea.select();
  document.execCommand('copy');
  document.body.removeChild(textarea);
}

मुख्य अंतर:

सिफारिश:

नए प्रोजेक्ट्स के लिए Clipboard API का उपयोग करें, पुराने ब्राउज़र सपोर्ट के लिए फॉलबैक के साथ।