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

जावास्क्रिप्ट के साथ क्लिपबोर्ड पर टेक्स्ट कैसे कॉपी करें?


जावास्क्रिप्ट के साथ टेक्स्ट को क्लिपबोर्ड पर कॉपी करने के लिए निम्नलिखित कोड है -

उदाहरण

<!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>Clipboard example</h1>
<h2>Click the button below to copy text and paste it somewhere</h2>
<input type="text" value="Hello World" class="textInput" />
<button class="copy">Copy text</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("The copied text is: " + copyText.value);
}
</script>
</body>
</html>

आउटपुट

यह निम्नलिखित आउटपुट देगा -

जावास्क्रिप्ट के साथ क्लिपबोर्ड पर टेक्स्ट कैसे कॉपी करें?

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

जावास्क्रिप्ट के साथ क्लिपबोर्ड पर टेक्स्ट कैसे कॉपी करें?


  1. जावास्क्रिप्ट के साथ वर्तमान यूआरएल कैसे प्राप्त करें?

    JavaScript के साथ वर्तमान URL प्राप्त करने के लिए, window.location का उपयोग करें। href संपत्ति - उदाहरण लाइव डेमो <!DOCTYPE html> <html>    <body>       <h3>Get current URL</h3>       <p id="test"></p>  

  1. जावास्क्रिप्ट के साथ कैनवास पर कैसे आकर्षित करें?

    HTML कैनवास पर ड्राइंग जावास्क्रिप्ट के साथ की जानी है। कैनवास पर चित्र बनाने से पहले HTML DOM विधि getElementById() और getContext() का उपयोग करें। उसके लिए, कुछ चरणों का पालन करें - कैनवास तत्व को खोजने के लिए आपको getElementById() विधि का उपयोग करने की आवश्यकता है। getContext() का उपयोग करें, जो

  1. जावास्क्रिप्ट के साथ टेक्स्ट को कैसे टॉगल करें?

    जावास्क्रिप्ट के साथ टेक्स्ट को टॉगल करने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "Segoe