Yardım HTML kopyalama kodu nasıl oluyor

rationalcherry

Öğrenci
Katılım
5 Ekim 2021
Mesajlar
1
Reaksiyon puanı
0
Puanları
1
Yaş
35
arkadaşlar merhaba, çok aradım ama bir türlü aradığımı tam olarak bulamadım. Yapmak istediğim şey alt alta olan text parçalarına ayrı olarak hebirine kopyalama tuşu ekleme.
Bir kod buldum ama bunu çoğaltamıyorum. Bu sadece bir metin parçası için, farklı metin parçalarını aynı sayfada yapmak için ne eklemem gerekiyor. Normalde aynısını altına yapıştırdığımda sadece üstteki çalışıyor. Eminim çok basittir ama bir türlü bulamadım. Koda bu şekilde ekleme yapabilecek arkadaş var mıdır.
Kod şöyle:
<p id="copy">This is the copy string!</p>
<button type="button" onclick="copyEvent('copy')">Copy</button>

<script>
function copyEvent(id)
{
var str = document.getElementById(id);
window.getSelection().selectAllChildren(str);
document.execCommand("Copy")
}
</script>
 

jannaj

Öğrenci
Katılım
16 Mayıs 2022
Mesajlar
8
Reaksiyon puanı
2
Puanları
3
HTML:
<p id="copy">1 text!</p>
<button type="button" onclick="copyEvent('copy')">Copy</button>
<p id="copy2">2 text!</p>
<button type="button" onclick="copyEvent('copy2')">Copy</button>
<p id="copy3">2 text!</p>
<button type="button" onclick="copyEvent('copy3')">Copy</button>
JavaScript:
<script>
function copyEvent(id)
{
var str = document.getElementById(id);
window.getSelection().selectAllChildren(str);
document.execCommand("Copy")
}
</script>
 
Üst