JavaScript

Çoklu input kopyalama Kodu 2

sayfanızdaki inputlar için kopyala butonu ekleyin

<form>
<input type="text" id="input1"value="Merhaba mesutates.com 1">
<button type="button" onclick="copyText('input1')">Kopyala</button>
<br>
<input type="text" id="input2" value="Merhaba mesutates.com 2">
<button type="button" onclick="copyText('input2')">Kopyala</button>
<br>
<input type="text" id="input3" value="Merhaba mesutates.com 3">
<button type="button" onclick="copyText('input3')">Kopyala</button>
</form>

<script>
function copyText(inputId) {
var input = document.getElementById(inputId);
input.select();
document.execCommand("copy");
alert("Copied the text: " + input.value);
}
</script>

Bu kod, her input için bir “Copy” düğmesi oluşturur. Her düğme, onclick olayına bağlı olarak “copyText” fonksiyonunu çağırır. Fonksiyon, parametre olarak alınan input alanının ID’sini kullanarak input alanını seçer, “copy” komutunu kullanarak kopyalar ve kopyalanan metin için bir uyarı gösterir.

admin

Kişisel bir kaç şey -günlüğünden Kişisel bir gelişime...

İlgili Paylaşımlar

Bir Cevap Yazın

Başa dön tuşu
%d blogcu bunu beğendi:

Reklam Engelleyici Algılandı

Lütfen reklam engelleyicini kapatıp sayfayı yenileyin, zira sitemiz sizden hiçbir şekilde ücret talep etmez. Tek gelir kaynağımız reklamlardır. Teşekkürler.