Cara Menyalin Teks Dari DIV Dengan JavaScript

Cara Mudah Menyalin Teks Dari DIV Ke Clipboard Dengan JavaScript Hanya Tinggal Copas

Mungkin script ini akan membantu untuk memudahkan seseorang untuk menyalin artikel atau teks tanpa harus menyeleksi semua artikel kemudian baru copy atau ctrl + c.

Misalnya saja deskripsi suatu produk yang dijual atau artikel tentang keagamaan. Sehingga dengan sekali click semua tulisan akan otomatis tersalin.

Sebelumnya kami mengucapkan banyak terima kasih kepada para pengunjung teknologi[dot]visitklaten[dot]com yang rela meluangkan waktu untuk mengunjungi ataupun sekedar melihat-lihat web kami yang masih banyak kekurangan ini. Kami menerima segala masukkan dan kritikan agar web dan diri kami menjadi lebih baik lagi.

Cara Menyalin Teks Dari DIV Dengan JavaScript

Caranya cukup mudah, Berikut Cara Menyalin Teks Dari DIV Ke Clipboard Dengan JavaScript:

Pertama, copy paste script berikut ke JavaScript semisal custom.js

function CopyToClipboard(containerid) {
  if (document.selection) {
    var range = document.body.createTextRange();
    range.moveToElementText(document.getElementById(containerid));
    range.select().createTextRange();
    document.execCommand("copy");
  } else if (window.getSelection) {
    var range = document.createRange();
    range.selectNode(document.getElementById(containerid));
    window.getSelection().addRange(range);
    document.execCommand("copy");
    alert("text copied, copy in the text-area")
  }
}

Kedua, Tambahkan onclick=”CopyToClipboard(‘divid’)” di dalam tombol copy dalam HTML. Misalnya seperti ini

<button id="button1" onclick="CopyToClipboard('divid')">Click to copy</button>
<div id="divid">Text To Copy </div>
<textarea placeholder="Press ctrl+v to Paste the copied text" rows="5" cols="20"></textarea>

Maka nanti hasilnya akan seperti ini, silakan klik untuk mencoba 

Click to copy

Sangat mudah bukan?. Hanya tinggal copy paste script diatas dan cuma menambahkan id ke HTML.

Terima kasih telah mengunjungi website kami.

Share jika bermanfaat, jika ada kritik, tambahan dan saran silakan hubungi kami atau silakan isi di kolom komentar.

Klik tombol salin ke papan klip menggunakan jQuery, Membuat Text Box Copy Paste Pada Artikel, Cara Membuat Copy Clipboard tanpa input. Cara Membuat Copy Clipboard Sederhana dengan jquery, Cara Membuat Tombol Copy dengan Javascript. Panduan Membuat Box/Kotak Copy Paste Di Dalam Artikel Blog,