copy to clipboard

클립 보드에 텍스트를 복사하십시오

이 스타일은 필요하지 않은 추가 단계입니다.

왜 여기에 있습니까? 보장하기 위해 :

1. 요소는 초점과 선택을 가질 수 있습니다.
2. 요소가 flash 렌더링 된 경우 시각적 영향이 최소화됩니다.
3. Textarea 요소가 보이지 않으면 발생할 수 있는 선택 및 복사로 플라키가 적습니다.

가능성은 요소가 플래시조차도 렌더링되지 않기 때문에 일부는 예방 조치 일뿐입니다. 그러나 즉, 팝업 박스는 사용자에게 웹 페이지에 클립 보드에 복사 할 권한을 요청하는 동안 요소가 표시됩니다. 스크롤 위치에 관계없이 화면의 왼쪽 상단에 놓습니다.

용법

시스템에 Node.js가 설치되어야합니다.

$ npm i @uiw/copy-to-clipboard

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

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

또는 HTML에서 Copy-to-Clipboard를 수동으로 다운로드하여 연결하면 UNBKG를 통해 다운로드 할 수도 있습니다.

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

기고자

항상 그렇듯이 놀라운 기고자 덕분에!

기고자와 함께 만들어졌습니다.

특허

MIT 라이센스에 따라 라이센스.