2013-10-26 9 views
9

मैं वेबसाइट के विकास के लिए नया हूं और यह पता लगाने की कोशिश करता हूं कि लिंक पर क्लिक करते समय मैं अपने उपयोगकर्ता को अपने माउस (क्लिप बोर्ड) में कोड कैसे कॉपी कर सकता हूं (एचटीएमएल, PHP या जावास्क्रिप्ट का उपयोग कर)। उदाहरण के लिए, मैं इस व्यक्तिगत वेबसाइट को बनाने की कोशिश कर रहा हूं, जब कोई उपयोगकर्ता मेरी वेबसाइट में किसी लिंक या बटन पर क्लिक करता है, तो उसे क्लिप बोर्ड पर स्वचालित रूप से उस टेक्स्ट कोड की प्रतिलिपि बनाना चाहिए। मैंने देखा है retailmenot.com जैसी साइटों ऐसा करते हैं: उदाहरण: - enter image description hereजब कोई लिंक या बटन क्लिक किया जाता है तो एक टेक्स्ट कॉपी करें

कृपया मुझे एक उदाहरण के साथ दिखाई देंगे जब आपने


अपडेट किया जा सकता है:

<!DOCTYPE html> 
<html> 
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> 
</script> 
<script> 


$("#link").click(function(){ 
    var holdtext = $("#clipboard").innerText; 
    Copied = holdtext.createTextRange(); 
    Copied.execCommand("Copy"); 
}); 


</script> 
</head> 
<body> 

<hr> 
<a href="http://www.w3schools.com" style="font-family:arial;color:black;font-size:25px;">Click here to copy the Code</a> <button onclick="copyToClipboard()">Copy Text</button> 
<hr> 

</body> 
</html> 
+0

मुझे नहीं लगता कि जावास्क्रिप्ट में क्लिपबोर्ड से कॉपी करने के लिए कोई अंतर्निहित तरीका है। कुछ फ्लैश-आधारित समाधान हैं। – Barmar

+1

एक लंबी चर्चा: http://stackoverflow.com/questions/400212/how-to-copy-to-the-clipboard-in-javascript/ –

उत्तर

0

इस प्रयास करें।

$("#link").click(function(){ 
    var holdtext = $("#clipboard").innerText; 
    Copied = holdtext.createTextRange(); 
    Copied.execCommand("Copy"); 
}); 
+0

बेहतर आप एक नज़र डालें http://stackoverflow.com/questions/127040 – Manwal

+0

यह केवल आईई में काम करता है (http://stackoverflow.com/questions/21572682/createtextrange-is-not-woring-in-chrome) – Lego

3

यहां वह कार्य है जो आपको या भविष्य के रेफरर की मदद कर सकता है।

function copyToClipboard(id) { 
    var text = $("#td_id_" + id).text(); //getting the text from that particular Row 
    //window.prompt("Copy to clipboard: Ctrl+C, Enter", text); 
    if (window.clipboardData && window.clipboardData.setData) { 
     // IE specific code path to prevent textarea being shown while dialog is visible. 
     return clipboardData.setData("Text", text); 

    } else if (document.queryCommandSupported && document.queryCommandSupported("copy")) { 
     var textarea = document.createElement("textarea"); 
     textarea.textContent = text; 
     textarea.style.position = "fixed"; // Prevent scrolling to bottom of page in MS Edge. 
     document.body.appendChild(textarea); 
     textarea.select(); 
     try { 
      return document.execCommand("copy"); // Security exception may be thrown by some browsers. 
     } catch (ex) { 
      console.warn("Copy to clipboard failed.", ex); 
      return false; 
     } finally { 
      document.body.removeChild(textarea); 
     } 
    } 
    } 

सभी ब्राउज़र में यूनिट परीक्षण नहीं किया गया।

संबंधित मुद्दे

 संबंधित मुद्दे