clipboard copy element

<clipboard-copy> 요소

요소 텍스트 내용 또는 입력 값을 클립 보드에 복사하십시오.

설치

 $ npm install --save @github/clipboard-copy-element

용법

스크립트

ES 모듈로 가져 오기 :

 import '@github/clipboard-copy-element'

스크립트 태그로 :

 < script type =" module " src =" ./node_modules/@github/clipboard-copy-element/dist/index.js " >

마크 업

 < clipboard-copy for =" blob-path " class =" btn btn-sm BtnGroup-item " >
  Copy path
</ clipboard-copy >
< div id =" blob-path " > src/index.js </ div > 

데이터 소스

기인하다

 < clipboard-copy value =" src/index.js " > Copy </ clipboard-copy >

요소 내용

 < clipboard-copy for =" blob-path " > Copy </ clipboard-copy >
< div id =" blob-path " > src/index.js </ div >

양식 입력

 < clipboard-copy for =" blob-path " > Copy </ clipboard-copy >
< input id =" blob-path " value =" src/index.js " >

하이퍼 링크 HREF

 < clipboard-copy for =" blob-path " > Copy full URL </ clipboard-copy >
< a id =" blob-path " href =" /path/to#my-blob " > Link text will not be copied </ a > 

이벤트

클립 보드에 복사 한 후 clipboard-copy 이벤트가 <clipboard-copy> 요소에서 발송됩니다.

 document . addEventListener ( 'clipboard-copy' , function ( event ) {
  const button = event . target
  button . classList . add ( 'highlight' )
} ) 

브라우저 지원

기본 사용자 정의 요소 지원이없는 브라우저에는 폴리 필이 필요합니다.

• 크롬
• 파이어 폭스
• 원정 여행
• Microsoft Edge

개발

 npm install
npm test

특허

MIT 라이센스에 따라 배포됩니다. 자세한 내용은 라이센스를 참조하십시오.