अपनी वेबसाइट पर कुछ टेक्स्ट के तहत कॉपी बटन कैसे जोड़ें
आप इस पेज पर जरूर आए होंगे क्योंकि आप अपनी वेबसाइट में कुछ टेक्स्ट के तहत कॉपी बटन जोड़ने की विधि जानना चाहते हैं। एक बार मुझे इसकी भी आवश्यकता थी और निम्नलिखित कोड की खोज की। इसके द्वारा नहीं लिखा गया है लेकिन यह पूरी तरह से काम करता है।
यह कोड कैसे काम करता है:
How this code works :
इससे पहले कि हम आगे बढ़ें आपको इस कोड की कुछ मूल बातें समझनी होंगी। सबसे पहले हमें एक टेक्स्ट क्षेत्र की आवश्यकता होती है जहां हम टेक्स्ट को कॉपी करने के लिए डालते हैं। फिर टेक्स्टरेरा के ठीक बाद एक कॉपी आईटी बटन होता है। जब उपयोगकर्ता कॉपी आईटी बटन पर क्लिक करता है, तो टेक्स्ट क्षेत्र में टेक्स्ट क्लिपबोर्ड पर कॉपी हो जाता है। फिर उपयोगकर्ता उस टेक्स्ट को जहां चाहे पेस्ट कर सकता है।
Copy This Code in Your Page
<p>
<textarea class="js-copytextarea">
Enter Your Code Here </textarea><br />
</p>
<p>
<button class="js-textareacopybtn">Copy it</button>
</p>
<script>
var copyTextareaBtn = document.querySelector('.js-textareacopybtn');
copyTextareaBtn.addEventListener('click', function(event) {
var copyTextarea = document.querySelector('.js-copytextarea');
copyTextarea.select();
try {
var successful = document.execCommand('copy');
var msg = successful ? 'successful' : 'unsuccessful';
console.log('Copying text command was ' + msg);
} catch (err) {
console.log('Oops, unable to copy');
}
});
</script>
Example:-
