클립보드로 복사하는 방법을 알아봅니다.

클립보드에 복사된 이후는 해당 텍스트를 ctrl + v를 사용하여 붙여넣기가 가능해집니다. 그럼 아래 예제를 확인해주세요.


# 자바스크립트 클립보드 복사하기 예제보기


아래는 예제 소스코드입니다.

<input type="text" value="webisfree.com" onclick="this.copy();document.execCommand('copy');" />

클립보드 복사는 textarea, input 등의 입력태그에만 가능하니 참고하세요. 설명하면 ~
  • this.copy() - 해당 엘리먼트의 content를 선택합니다.
  • document.execCommand('copy'); 선택된 content를 복사된 clipboard로 선택합니다.

이제 Ctrl + v를 사용하여 붙여넣기가 가능합니다. 한번 테스트해보세요.

참고로 IE 10부터 지원합니다.