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

Verwenden Sie diese Funktion:

function copy_input($input) {
        $input.focus();
        $input.select();
        try {  
            var successful = document.execCommand('copy');  
        } catch(err) {  
            console.error('Kopieren nicht möglich'); 
        }       
    }   

Aufruf:

$(".copy-text").on("click",() => {
    copy_input("#input_Id")
})

Answer 2

Beide werden wie ein Charme funktionieren :),

JAVASCRIPT:

function CopyToClipboard(containerid) {
if (document.selection) { 
    var range = document.body.createTextRange();
    range.moveToElementText(document.getElementById(containerid));
    range.select().createTextRange();
    document.execCommand("copy"); 

} else if (window.getSelection) {
    var range = document.createRange();
     range.selectNode(document.getElementById(containerid));
     window.getSelection().addRange(range);
     document.execCommand("copy");
     alert("Text kopiert") 
}}

Auch in html,

Klicken Sie zum Kopieren

Zu kopierender Text

JQUERY: https://paulund.co.uk/jquery-copy-clipboard

Answer 3

Sie können einfach den Kopiervorgang in die Zwischenablage durchführen, indem Sie den Navigator verwenden.

navigator.clipboard.writeText("Ihr Text").