JQuery ile kopyala yapıştır işlemi - copy to clipboard

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 ! 🙂

Fatih Kobacık

https://fatihkobacik.com.tr/...

"JQuery ile kopyala yapıştır işlemi - copy to clipboard" için hiç yorum yapılmadı.

Henüz yorum yapılmamış.

Yorum yap * E-posta adresiniz yayınlanmayacak.