Kopieren Sie einen text, wenn es einen link oder eine Schaltfläche geklickt wird

Ich bin neu in website-Entwicklung und versuchen, herauszufinden, wie kann ich mein Benutzer automatisch kopieren Sie einen code in seine/Ihre Maus(clip board), wenn auf einen link geklickt (mit html, php oder javascript). Zum Beispiel, ich bin versucht zu erstellen, diese persönliche website, wenn ein Benutzer auf einen link klicken oder eine Schaltfläche in meiner website haben, sollte es automatisch kopieren, die text-code in die Zwischenablage. Ich habe gesehen, Websites wie retailmenot.com tun Sie dies: Beispiel:-
Kopieren Sie einen text, wenn es einen link oder eine Schaltfläche geklickt wird

Bitte zeigen Sie mir mit einem Beispiel, wenn Sie können

Aktualisiert:

<!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>
  • Ich denke nicht, dass Javascript hat eine integrierte Art und Weise zu kopieren/aus der Zwischenablage. Es gibt einige Flash-basierte Lösungen.
  • Eine lange Diskussion: stackoverflow.com/questions/400212/...
InformationsquelleAutor D P. | 2013-10-26
  1. 3

    Hier ist die Funktion, die möglicherweise helfen kann, Sie oder zukünftige Referenz. 

        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);
        }
    }
  }

    Unit-test in allen Browser nicht getan.

    InformationsquelleAutor Nikunj Dhimar
  2. 1

    versuchen.

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