copy to clipboard

Copie o texto para a área de transferência

Esse estilo é uma etapa extra que provavelmente não é necessária.

Por que está aqui? Para garantir:

1. O elemento é capaz de ter foco e seleção.
2. Se o elemento flash , ele tem um impacto visual mínimo.
3. Menos escamas com seleção e cópia que podem ocorrer se o elemento textarea não for visível.

A probabilidade é que o elemento nem sequer renderize, nem mesmo um flash, então algumas delas são apenas precauções. No entanto, no IE, o elemento é visível enquanto a caixa pop -up solicitando ao usuário permissão para a página da web copiar para a área de transferência. Coloque no canto superior esquerdo da tela, independentemente da posição de rolagem.

Uso

Você precisará de Node.js instalado no seu sistema.

$ npm i @uiw/copy-to-clipboard

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

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

Ou baixe manualmente e link Cópia para clipboard em seu HTML, ele também pode ser baixado via 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 > 

Colaboradores

Como sempre, graças aos nossos incríveis colaboradores!

Feito com colaboradores.

Licença

Licenciado sob a licença do MIT.