copy to clipboard

Salin teks ke clipboard

Gaya ini adalah langkah tambahan yang kemungkinan tidak diperlukan.

Kenapa di sini? Untuk memastikan:

1. Elemen ini dapat memiliki fokus dan seleksi.
2. Jika elemen adalah untuk flash render, itu memiliki dampak visual minimal.
3. Lebih sedikit berkicau dengan seleksi dan penyalinan yang mungkin terjadi jika elemen TextArea tidak terlihat.

Kemungkinannya adalah elemen yang bahkan tidak akan dirender, bahkan tidak ada flash, jadi beberapa di antaranya hanyalah tindakan pencegahan. Namun di IE elemen itu terlihat saat kotak popup meminta pengguna untuk izin untuk halaman web untuk disalin ke clipboard. Tempatkan di sudut kiri atas layar terlepas dari posisi gulir.

Penggunaan

Anda akan memerlukan node.js yang diinstal pada sistem Anda.

$ npm i @uiw/copy-to-clipboard

 import copyTextToClipboard from '@uiw/copy-to-clipboard' ;

copyTextToClipboard ( 'test' , ( isCopy ) => {
  console . log ( 'isCopy:' , isCopy ) ;
} ) ;

Atau unduh dan tautan secara manual copy-to-clipboard di HTML Anda, itu juga dapat diunduh melalui UNPKG:

 < script src =" https://unpkg.com/@uiw/copy-to-clipboard/dist/copy-to-clipboard.umd.js " > </ script >
< script type =" text/javascript " >
copyTextToClipboard ( 'test' , ( isCopy ) => {
  console . log ( 'isCopy:' , isCopy ) ;
} ) ;
</ script > 

Kontributor

Seperti biasa, terima kasih kepada kontributor kami yang luar biasa!

Dibuat dengan kontributor.

Lisensi

Berlisensi di bawah lisensi MIT.