Cara Membuat Copy ke Clipboard Menggunakan JavaScript di Blogger

BloggerID.eu.org - Pernahkah Anda memperhatikan di halaman situs web bahwa ada teks salinan atau atribut url ke papan klip? Fitur ini sangat membantu pengguna atau pengunjung untuk menyalin teks atau URL dari postingan website, sehingga pengguna tidak perlu menyalin teks atau URL secara manual.

Dengan menggunakan JavaScript ini, kita akan memudahkan pengguna untuk menyalin teks. Untuk ini kita akan membuat tombol yang dengan satu klik akan menyalin semua url atau teks dalam bentuk yang ditentukan dan tentu saja dengan bantuan javascript.

Apakah Anda bermaksud menambahkan teks atau URL salinan ke fitur clipboard di situs web Anda? Jika ya maka Anda benar membaca artikel ini karena di artikel ini kita akan belajar cara membuat teks copy ke clipboard menggunakan JavaScript.

Apa itu Fitur Salin ke Papan Klip ?

Fitur Copy to Clipboard merupakan fitur yang memudahkan pengguna untuk menyalin teks dalam bentuk HTML. Dengan fitur ini, pengguna tidak perlu repot untuk memblokir teks yang ingin disalin terlebih dahulu, lalu klik kanan dan pilih salin atau gunakan tombol kombinasi ctrl+c untuk menyalin teks.</ p>

Cara Membuat Salinan ke Clipboard Menggunakan JavaScript :-

Untuk membuat ini Kami pertama-tama membuat input yang nilainya https://www.example.com dan memberikannya sebagai id copyinput. Kemudian kami membuat tombol onclick untuk menyalin teks sehingga dapat menyalin nilai input ke https://www.example.com.

Kode HTML :-

<input type="text" value="https://www.example.com" id="copyinput"/>
<button onclick="copyText()">Salin Teks</button>

Kode JavaScript :-

<script type="text/javascript">
//<![CDATA[
/* Copy ke Clipboard Kode JavaScript  */
 fungsi copyTeks() {
   var copyText = document.getElementById("copyinput");
   /* pemilih teks */
   copyText.pilih();
   /* teks pilih jumlah rentang */
  copyText.setSelectionRange(0, 9999)
  /* salin perintah teks */
   document.execCommand("salin");
  /* salin pemberitahuan peringatan */
  alert("Teks yang Disalin : " + copyText.value);
}
//]]>
</script>

copyText() Tombol Salin pada Acara klik.

copyText.select(); Pemilih Teks Masukan.

copyText.setSelectionRange(0, 9999) Salin Rentang Pilihan Teks Seperti 9999.

document.execCommand("copy"); Diperlukan Salin Ke Perintah Papan Klip.

alert("Copyed Text : " + copyText.value); Salin Notifikasi Notifikasi Dengan Nilai Teks.

Kesimpulan :-

Ini adalah cara sederhana untuk membuat salinan ke clipboard menggunakan javascript yang dapat Anda gunakan di salah satu proyek desain web Anda. Anda dapat menggunakan kode ini di mana saja di blogger.com atau platform lain seperti WordPress.

Dalam postingan ini, saya membagikan Cara Membuat Copy ke Clipboard Menggunakan JavaScript di Blogger. Saya harap metode membuat copy ke clipboard menggunakan JavaScript ini bisa sangat berguna untuk Anda dan blog Anda. Terima kasih telah mengunjungi situs web kami.

Artikel Terkait

Posting Komentar

Ikuti format penulisan berikut untuk menyisipkan elemen tambahan.
  • Menulis kode gunakan <i>kode</i> (kode harus di-parse)
  • Menulis dalam syntax highlighter gunakan <em>kode panjang</em>(kode harus di-parse)
  • Menyisipkan gambar gunakan <strong>URL GAMBAR</strong>