İnputu ekranda göstermek istemiyorsan kopyalanacak içeriği inputta değil örneğin span içerisinde de tutabilirsin. Ayrıca Kopyalama işlemini bir butona bağlı yapman da şık olabilir.
Örnek:
<span id="kopyalanacak">BURAYA KOPYALANACAK METİN GELECEK</span>
<a id="kopyalaButonu" onclick="kopyalaBunu('#kopyalanacak')" href="#">Kopyala</a>
<script>
function kopyalaBunu(element) {
var $temp = $("<input>");
$("body").append($temp);
$temp.val($(element).text()).select();
document.execCommand("copy");
$temp.remove();
var btn = document.getElementById("kopyalaButonu");
btn.innerText = "KOPYALANDI";
}
</script>
<script src="https://code.jquery.com/jquery-1.12.0.min.js" integrity="sha256-Xxq2X+KtazgaGuA2cWR1v3jJsuMJUozyIXDB3e793L8=" crossorigin="anonymous"></script>