Javascript ile yazı nasıl kopyalanır?

Biliyorsunuz ki, yazıları genelde CTRL+C yaparak kopyalar, CTRL+V yaparak yapıştırırız. Peki hiç bir programlama diliyle kopyalama işlemi yapılabileceğini merak ettiniz mi? Gelin sizlerle beraber Javascript ile bunu başaralım.

Kopyalamak için buton oluşturalım

Öncelikle, tıkladığımızda herhangi bir yazıyı kopyalaması için bir buton oluşturalım.

<button onclick="kopyala()">TIKLA!</button>

Butonumuza onclick event’i olarak kopyala() isimli bir fonksiyonu gönderdik.

Fonksiyonumuzu yazalım

Şimdi bu fonksiyonun içerisini doldurarak Javascript ile copy to clipboard işlemimizi yapalım.

function kopyala() {
	navigator.clipboard.writeText("KODLAYAN.COM");
}

Butona bastığımızda KODLAYAN.COM yazısını kopyalayacaktır. CTRL+V yaparak bunu test edebiliriz.

Küçük bir sıkıntı var

Her şey çok güzel ve basit görünüyor olabilir ama ufacık bir sıkıntı var. navigator metodlarını sadece HTTPS yani secure origin’lerde kullanabiliyoruz. MDN dokümanlarında şu şekilde belirtiliyor: “This feature is available only in secure contexts (HTTPS), in some or all supporting browsers.“

Yani HTTP sunucumuzda bu metodu kullanamıyoruz. Ama yine de gayet yararlı bir yöntem. Yazımı okuduğunuz için teşekkürler!