Emre Yüz


clipboard.js ile Panoya Kopyalama

Artık mobil kullanıcılarınıda düşünmek gerekir ve bir metni panoya kopyalamak zor olmamalı. clipboard.js ile artık çok basit.

clipboard.js ile Panoya Kopyalama

By Emre YÜZ
12.02.2017 21.08



clipboard.js panoya kopyalama

Artık mobil kullanıcılarınıda düşünmek gerekir ve bir metni panoya kopyalamak zor olmamalı. clipboard.js ile yapılandırmak için düzinelerce adım veya yüzlerce KB yüklenmesi ve hepsinden önemlisi, Flash'a ya da şişmiş bir çerçeveye bağımlı olmaması.

1.Adım

Öncelikle clipboard.js dosyasını sayfamıza dahil etmemiz gerekiyor. Bunun için kaynak dosyaları buradan veya CDN bağlantısını buradan bulabilirsiniz.

<script src="dist/clipboard.min.js"></script>

2. Adım

var clipboard = new Clipboard('.kopyala');

<input id="ornek" type="text" value="Merhaba, kopyala beni!">
<button class="kopyala" data-clipboard-action="copy" data-clipboard-target="#ornek">Kopyala</button>

Örnekler

//Belirli bir div içerisindeki yazıyı kopyalama
var clipboard = new Clipboard('.kopyala', {
    target: function() {
        return document.querySelector('#yazi');
    }
});

// A specific string
var clipboard = new Clipboard('.kopyala', {
    text: function() {
        return 'Merhaba, kopyala beni!';
    }
});

 



Emre Yüz
Emre YÜZ
Multidisipliner Full-Stack Web Geliştirici/Tasarımcı, Veri
Mimarı ve Analist.

Multidisipliner Full-Stack Web Geliştirici/Tasarımcı, Veri Mimarı ve Analist.



HAKKIMDA

Emre YÜZ

Multidisipliner Full-Stack Web Geliştirici/Tasarımcı, Veri Mimarı ve Analist.

Son Yazılar

insta ❤️ feed

  • @yuzemre
  • @yuzemre
  • @yuzemre
  • @yuzemre
  • @yuzemre
  • @yuzemre

Reklam