Kali ini saya kan membahas tentang Cara Membuat Fitur Copy Text Dengan Javascript. Yang mana pada fitur ini dapat menyalin sebuah text atau paragraf dengan hanya mengklik tombolnya saja. Metode yang akan saya gunakan adalah document.execCommand(), namun metode ini tidak support untuk IE8 and earlier. 

Cara Membuat Fitur Copy Text Dengan Javascript disini saya akan membuat  2 buah input form dengan textarea dan satu tombol input. Dimana input textarea yang satu berisi sebuah paragraf dan input area satu lagi kosong. Berikut ini adalah struktur htmlnya ya teman-teman.

Jika sudah selesai maka tampilannya akan seperti gambar di bawah ini.

Cara Membuat Fitur Copy Text Dengan Javascript

Dan langkah selanjutnya  kita akan membuat copy text atau salin text dengan javascript seperti pada script di bawah ini.

Jika teman-teman perhatikan script saya di atas maka flownya di mulai saya melakukan selection elemen dengan nama #myInput lalu disambung dengan method select() untuk mengambil value atau nilai dari inputnya. yang nanti akan bisa kita paste.

Dan ketika saya menekan tombol salin text maka akan keluar sebuah informasi dari alert bahwa text berhasil di salin. Dan textarea akan berisi sebuah paragraf persis seperti paragraf yang ada di textarea sebelumnya.

Dan jika teman-teman buka di browser maka akan tampak seperti pada gambar di bawah ini.

Cara Membuat Fitur Copy Text Dengan Javascript

Demikian artikel tentang cara Cara Membuat Fitur Copy Text Dengan Javascript. Semoga dapat bermanfaat dan selamat mencoba.