2016-06-06 14 views
8

Ich bin auf der Suche nach einer jQuery (oder Javascript) button, die alles in einem textarea auswählt und dann den Text in Ihre clipboard kopiert, wenn Sie auf die Schaltfläche geklickt haben.Kopieren von Text in der Zwischenablage, wenn die Schaltfläche geklickt wird

Ich habe einige Beispiele mit dem Fokus-Ereignis gefunden. Aber ich suche nach einer Schaltfläche, die Sie zum Auswählen und Kopieren tatsächlich anklicken müssen.

Wie kann ich diese Arbeit machen?

Antwort

20

Sie können select() verwenden, um Text von textarea auszuwählen und execCommand('copy') verwenden, um ausgewählten Text zu bearbeiten. Seine Arbeit in der oberen Version von Browsern.

$("button").click(function(){ 
 
    $("textarea").select(); 
 
    document.execCommand('copy'); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button>Select</button> 
 
<br/> 
 
<textarea></textarea>

+0

Es sieht aus wie das für mich arbeitet. Sehr geschätzt für die Antwort und das Codebeispiel. Danke, Mohammed! – GRU119

+0

Der Zeilenumbruch wird beim Kopieren in IE9 nicht beibehalten –