Masih sama persis dengan artikel yang kemarin dimana kita masih membahas sebuah copy clipboard, jika kemarin kita membuat copy clipboard dengan sebuah tombol button sekarang kita buat dengan cara membuat copy clipboard tanpa input, karena caranya tidak sama maka disini saya buat yang versi tanpa input ini.

Caranya sama seperti kemarin kita masih menggunakan document.execCommand(“copy”) yang membedakan jika kemarin kita mengambil datanya dengan fungsi select(), tetapi fungsi select() itu hanya bisa di gunakan untuk sebuah inputan jika kita menggunakan tanpa inputan dimana langsung mengklik tulisannya itu beda cara lagi, tidak bisa menggunakan select, bahkan cara membuat copy clipboard tanpa input, menurut saya agak sedikit panjang di bandingkan mneggunakan inputan.

Untuk kasus kali ini masih sama disini saya akan mencoba memberikan sebuah kode Virutal account dimana kode itu yang kita click, dan kita copy, sudah ada bayangan ya, dan untuk templatenya masih sama dengan kemarin yang membedakan tidak ada buttonya saja. oke tanpa menunggu lama supaya tambah paham silahkan teman-teman copy saja file di bawah ini dan coba:

Disini saya menggunakan javascript, dimana untuk melakukan copy teman-teman harus mengetikan addEventListener seperti di atas dan silahkan coba sendiri, dan jika berhasil maka yang akan tampak adalah seperti ini:

cara membuat copy clipboard tanpa inputcara membuat copy clipboard tanpa input

Bisa dilihat kita sudah berhasil mengcopynya dan saya juga memberikan efek hover ketika ingin mengklik, oke cukup sederhana ya cara cara membuat copy clipboard tanpa input, semoga bermanfaat, terimakasih.