자바스크립트 클립보드 복사하기 clipboard.js
- Programming/Web
- 2017. 1. 19.
클립보드의 내용을 복사하는 것이 크로스브라우징도 생각해야 되고, 조금 귀찮은 것 같다.
꼭 필요한 기능은 아니지만 있으면 좋은데..
클립보드 복사방법 중 document.execCommand('Copy'); 도 있고, zeroboard.js 있지만
설정해야 되는 부분도 그렇고, 특히 zeroboard는 flash를 이용해서 클립보드에 접근하는 것이어서
별로라고 생각되었다. (플래시를 지원 안하거나 보안 문제)
prompt 는 아래처럼 알림창이 떠서 복사를 유도하게 끔 하는데
조금 불편해서 clipboard.js 를 쓰기로 했다.
위 링크에서 다운받아 직접 경로에 추가하거나
<script src="https://cdn.jsdelivr.net/clipboard.js/1.5.3/clipboard.min.js"></script> ㄱㄱ
test.html
위 예제를 그대로 복사 붙여넣기 하면 바로 확인할 수 있고,
삼성 모바일 브라우저에서도 잘 작동했다.
지원하는 브라우저 버전
clipboard.js 가 document.execCommand 를 사용한다는 것도 알 수 있다.
'Programming > Web' 카테고리의 다른 글
| 아파치 톰캣 버전 노출 안보이도록 수정하기 (0) | 2019.09.19 |
|---|---|
| spring framework ajax 파일 업로드, 다중업로드 (20) | 2017.01.14 |
| colorbox 설정, 사용법 정리 (0) | 2016.12.18 |
| javascript 숫자 오름차순 내림차순 정렬하기 sort() (0) | 2016.09.29 |
| 2. 롤api 서버에서 웹페이지로 정보 출력하기 (6) | 2015.12.21 |