Copy Teks Di Dalam Element HTML dengan Javascript

Bagaimana cara mengcopy teks di dalam element html, seperti div atau sebagainya ? disini saya akan membuat fungsi untuk meng-copy teks di dalam element.

method javascript yang kita gunakan sangat simpel yaitu :

document.execCommand("copy");

tetapi sebelum memanggil command copy kita harus menyeleksi teks yang terdapat didalam elemen html, menggunakan :

document.createRange();

berikut ini fungsi yang akan saya buat :

function copy_text(elemen){

     var range = document.createRange();
     range.selectNode(document.getElementById(elemen));
     window.getSelection().addRange(range);
     document.execCommand("copy");

}

Berikut contoh implementasinya :

See the Pen Copy Text to Clipboard by Lufti Nurfahmi (@luftinur) on CodePen.default

Semoga bermanfaat, selamat ngoding selamat berkarya.