Fungsi Copy dengan Javascript

Berikut ini Nubie akan menjelaskan fungsi copy dengan javascript yang kamu dapat gunakan untuk membuat sebuah aplikasi web-based.

Fungsi Copy pada JS

Pada Javascript kamu dapat membuat fungsi Copy suatu element text dalam sebuah html dengan bantuan sebuah trigger berupa Tombol.

Secara dasar, fungsi copy di Javascript ini hanya berupa execCommand seperti dibawah ini :

 document.execCommand("copy");

Fungsi execCommand Copy ini harus kamu gabungkan dengan  fungsi select text js untuk memblok text yang ingin kamu copy. Dan kamu pun memerlukan sebuah tombol untuk mempermudah trigger penggunaan execCommand ini.

Contoh

Copy

Text yang bisa kamu copy dengan mengklik tombol copy diatas

Source

<button id="cButton" onclick="CopyHasil()" target="#HTMLEntitiesText">Copy</button>
<textarea id="TextArea">Text yang bisa kamu copy dengan mengklik tombol copy diatas</textarea>

<script type="application/javascript">
function CopyHasil() {
	  let textarea = document.getElementById("TextArea");
	  textarea.select();
	  document.execCommand("copy");
}
</script>  

Nah, itulah penjelasan singkat fungsi execCommand Copy pada Javascript berikut contoh penggunaannya.