JS kütüphanesi karakok.net cdn kaynağından ücretsiz ve sınırsız kullanılabilir.

<script src="https://wui.karakok.net/js/clipboard.min.js"></script>

Bir elementin kendi içindeki metinsel değeri kopyala.

Metni Kopyalamak İçin Üzerine Tıkla

Tetikleyici elemente kn-copy="self" attribute eklemeniz yeterli.

<span class="badge" kn-copy="self">Bu metni kopyala</span>

Bir üst elementin içindeki metinsel değerleri kopyala.

Tetikleyici elemente kn-copy="parent" attribute eklemeniz yeterli.

<div>
   <span>Kopyalanacak satır 1</span><br />
   <span>Kopyalanacak satır 1</span><br />
   <span>Kopyalanacak satır 1</span><br />
   <i kn-copy="parent" class="fal fa-copy c-pointer"></i>
</div>

Kendinden önceki ilk elementin içindeki metinsel değeri kopyala.

Metin içeriği...

Tetikleyici elemente kn-copy="previous" attribute eklemeniz yeterli.

<p>Bir önceki metin içeriği..</p>
<button class="btn" kn-copy="previous">Kopyala</button>

Kendinden sonraki ilk elementin içindeki metinsel değeri kopyala.

Metin içeriği...

Tetikleyici elemente kn-copy="next" attribute eklemeniz yeterli.

<button class="btn" kn-copy="next">Kopyala</button>
<p>Bir sonraki metin içeriği..</p>

Hedef elementin içindeki metinsel değeri kopyala.

Hedef metin içeriği...

Diğer metin içeriği...

Hedef Metni Kopyala

Tetikleyici elemente kn-copy="selector" attribute eklemeniz yeterli.

<p id="textElm">Hedef metin içeriği...</p>
<p>Bir diğer metin içeriği...</p>

<button class="btn" kn-copy="#textElm">Kopyala</button>

Javascript ile kopyalama işlemi

Kopyalanacak metin içeriği...

Metni Kopyala

HTML

<p id="textContent">Kopyalanacak metin içeriği...</p>
<button class="btn copy-btn">Kopyala</button>

Javascript

$('.copy-btn').on('click',()=>{
   copy('#textContent');
});