copy to clipboard

Text in die Zwischenablage kopieren

Dieses Styling ist ein zusätzlicher Schritt, der wahrscheinlich nicht erforderlich ist.

Warum ist es hier? Sicherstellen:

1. Das Element kann Fokus und Auswahl haben.
2. Wenn Element flash sollte, hat es eine minimale visuelle Wirkung.
3. Weniger schuppig mit Auswahl und Kopieren, die auftreten kann , wenn das Textbereichselement nicht sichtbar ist.

Die Wahrscheinlichkeit ist, dass das Element nicht einmal rendert, nicht einmal ein Blitz, daher sind einige davon nur Vorsichtsmaßnahmen. In IE ist das Element jedoch sichtbar, während das Popup -Box den Benutzer um Erlaubnis für die Webseite auffordert, in die Zwischenablage zu kopieren. Platzieren Sie in der oberen linken Ecke des Bildschirms unabhängig von der Bildlaufposition.

Verwendung

Sie benötigen node.js auf Ihrem System installiert.

$ npm i @uiw/copy-to-clipboard

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

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

Oder manuell herunterladen und link copy-to-clipboard in Ihrem html, kann es auch über UNPKG heruntergeladen werden:

 < 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 > 

Mitwirkende

Wie immer dank unserer erstaunlichen Mitwirkenden!

Mit Mitwirkenden gemacht.

Lizenz

Lizenziert unter der MIT -Lizenz.