Cara Membuat Kolom Copy to Clipboard Pada Blog

 Di Kesempatan kali ini saya akan share script javascript copy to clipboard yang berfungsi untuk sekali klik bisa langsung meng-copy url, sangat bermanfaat untuk share artikel dan untuk orang yang ingin memasukkan url artikel kita ke blog mereka dengan sekali klik.

Scriptnya di bawah ini kalian bisa salin dan pastekan pada artikel kalian (MODE HTML)

 <!-- html input sederhana -->
<input type='text' value='www.hiirotaku.my.id' id='inputQ'/>
<!-- html button sederhana -->
<button onclick='copy()'>Copy</button>

<script>
// function copy() harus sama dengan nilai onclick pada button di html atas
function copy(){
// di dalam fungsi ini kita seleksi dengan id yang ada di input
document.querySelector('#inputQ').select(),document.execCommand('copy');
}
</script>

Ganti value dengan url atau teks yang ingin di copy.

Untuk scriptnya sendiri masih berupa default, kalian bisa kreasikan sendiri dengan memberi css agar tampilan lebih bagus.

DEMO

sc : wendycode.com