Kategoriler
Kodlama

JavaScript ile pano kullanımı

Web sayfasındaki bir metni panoya/Clipboard almak ile ilgili.

Bu yazıda, web sitemizde panoya kopyala işlevini nasıl uygulayabileceğimizi göreceksiniz. İşlev: Kopyala butonuna/linkine tıklandığında, ilgili içeriği/metni, sistemimizde herhangi bir yere yapıştırabileceğimiz şekilde panoya kopyalamak.

Başlayalım.

HTML, JavaScript ve DOM manipülasyonu hakkında bazı temel bilgilere sahip olduğunuzu varsayıyorum. Yani temel düzeyde bir web programlama mantığına sahipsinizdir, umarım.

👨‍💻 Kod:

const contentCp = document.getElementById("icerik");
const copyBtn = document.getElementById("kopyala");

copyBtn.onclick = copyToClipboard;

function copyToClipboard() {
  navigator.clipboard
    .writeText(contentCp.innerText)
    .then(() => alert("Kopyalandı"))
    .catch((e) => alert(e.message));
}

Bu kadar basit, canlı örnek de şu şekilde:

Embedde çalışmayabilir bu yüzden uygulamaya direk gidip test edebilirsiniz: https://codepen.io/wolkanca/pen/jOBQepZ

wolkanca.com’da JavaScript ile pano kullanımı veya diğer konular hakkında herhangi bir sorunuz varsa, sosyal medya butonları ile yorum ya da mesaj göndermekten çekinmeyin, JavaScript ile pano kullanımı için ya da değil DM kapısı her daim açık. Yazıyı beğendiyseniz paylaşın, daha fazla ilgili gönderi için hemen aşağıdaki menülere göz gezdirebilirsiniz, okuduğunuz için teşekkürler, saygılar sevgiler.

WOLKANCA

Volkan Yılmaz

Digital Marketing & WordPress & SEO - wolkanca mahallesi gmail sokak nokta com.