Merhaba, ufak bir örnek ile copy to clipboard işlemini anlayalım ; bazen müşterilerinize kupon kodu verdiğinizde bunu üstüne tıklayıp kopyalamasını istersiniz, kullanıcı için en kolay ve verimli yöntem budur. Bunun için çeşitli birkaç yöntem denedim ve en kullanışlı olanını paylaşıyorum.


Yazısını kopyalamak istediğimiz alanın aşağıdaki kod blogu içinde olduğunu varsayalım.

<a onclick="copyToClipboard('12345678')"> KUPONU KOPYALA ! </a>


Bu bölümde kopyalamak için kullanacağımız fonksiyonu yazalım.

<script>
	function copyToClipboard(element) {
		var $temp = $("<input>");
		$("body").append($temp);
		$temp.val($(element).html()).select();
		document.execCommand("copy");
		$temp.remove();
	} 
</script>


Burada 12345678 yazdığımız alanı kupon kodumuz olarak varsayacak olursak yazılan fonksiyonda bunu öncelikle geçici bir inputun içine alıp execCommand ile (aslında bizim CTRL+C işlemimiz) kopyalayıp geçici olan inputu ortadan kaldırıyor. Bu işlemi yapmak için birden fazla yöntem mevcut, siz de bildiğiniz yöntemleri yorum olarak belirtebilir, ya da üye olarak sitemizde yazı yayınlayabilirsiniz.


İyi çalışmalar ! 🙂