Klicken Sie auf die Schaltfläche, um in die Zwischenablage zu kopieren.

Question

Wie kann ich den Text innerhalb einer div in die Zwischenablage kopieren? Ich habe eine div und muss einen Link hinzufügen, der den Text in die Zwischenablage kopiert. Gibt es eine Lösung dafür?

Lorem Ipsum ist einfach nur Blindtext aus der Druck- und Setzindustrie. Lorem Ipsum ist seit den 1500er Jahren der Standard-Blindtext der Branche

Text kopieren

Nachdem ich auf Text kopieren geklickt habe, muss ich dann Strg + V drücken, um ihn einzufügen.

Answer 1

HTML-Code hier

    Beispieltext
    Kopieren P1

JS-CODE:

     function copyToClipboard(elementId) {

                      // Erstellen Sie eine "versteckte" Eingabe
                      var aux = document.createElement("input");

                      aux.setAttribute("value", document.getElementById(elementId).value);
                      // Fügen Sie es dem Körper hinzu
                      document.body.appendChild(aux);
                      // Markieren Sie den Inhalt
                      aux.select();
                      // Kopieren Sie den markierten Text
                      document.execCommand("copy");
                      // Entfernen Sie es vom Körper
                      document.body.removeChild(aux);
                    }

Answer 2

function copyToClipboard(element) {
    var $temp = $("");
    $("body").append($temp);
    $temp.val($('span[id='+element+']').text()).select();
    document.execCommand("copy");
    $temp.remove();
}

Answer 3

Warum benutzen Sie nicht einfach diesen Code, ich verstehe nicht ?

navigator.clipboard.writeText('Text hier...');

Answer 4

Ich habe es gerade gemacht und wollte nur wissen, ob es einen besseren Weg als meinen gibt, aber nein.

Du kannst meinen Code verwenden, er kopiert den Text und zeigt ein Tooltip.

Kopf

Körper

      Gute Nachrichten! Du hast gerade 10% Rabatt bekommen, verwende deinen Gutschein store10off. 

Funktion

    $('.copytext').click(function(){
        var thistooltip = $(this);
        var thistext = $(this).children('.maintext').text();
        navigator.clipboard.writeText(thistext);
        $(this).attr('title','kopiert');
        setTimeout(function(){$(thistooltip).tooltip("toggle");}, 800);
    });

Answer 5

Sehr einfach. Du musst nach dem js navigator.clipboard.writeText("thistext"); suchen
Dies wird einfach den Text "thistext" kopieren. Um es bei einem Klick zum Laufen zu bringen, verwende die jquery onclick Funktion und speichere den Wert (den Text, den du kopieren möchtest) in einem String (wenn benötigt, kannst du auch das DOM verwenden, um einen Wert von der Seite zu erhalten) und verwende diese Zeile zum Kopieren und übergebe anstelle von "thistext" die Variable!