Copy to Clipboard

[JürgenB]

Hallo Michael,

ich habe mich vor einiger Zeit auch mit dem Thema beschäftigt und nichts brauchbares gefunden. Meine Lösung sieht jetzt so aus:

#clipboard { display: none; position:fixed; top:0; left:0; width:calc(100vw - 100px); height:100vh; z-index:10; background-color:rgba(1,1,1,0.5); padding:20px 50px }
#clipboard p { padding:10px }
#clipboard textarea { width:calc(100vw - 128px);height:calc(100vh - 100px - 2.5em) }

<div id="clipboard">
	<p>Bitte Inhalt mit Strg C bzw. cmd C in die Zwischenablage kopieren
		<br><textarea id="ta"></textarea>
		<br><button type="button" onclick="this.parentNode.parentNode.style.display='none'">Schließen</button>
	</p>
</div>

var copy2clipboard = function(text) {
	document.getElementById("clipboard").style.display = "block";
	var ta = document.getElementById("ta");
	ta.value = text;
	ta.focus();
	ta.select();
}

Gruß
Jürgen