1 개요
- JavaScript 클립보드로 복사하기
- 자바스크립트 클립보드 복사
2 예시 1: textarea 임시 생성하여 복사 ★

html
Copy
<button onclick="copy()">COPY</button>
<script>
function copyToClipboard(val) {
const t = document.createElement("textarea");
document.body.appendChild(t);
t.value = val;
t.select();
document.execCommand('copy');
document.body.removeChild(t);
}
function copy() {
copyToClipboard('Hello World');
console.log('Copied!');
}
</script>
3 예시 2: input에서 복사
- IE 10+, Chrome 43+, Opera 29+, Firefox 가능
html
Copy
<input id="myInput" value="Hello, World!">
<button onclick="copy_to_clipboard()">클립보드로 복사</button>
<script>
function copy_to_clipboard() {
var copyText = document.getElementById("myInput");
copyText.select();
document.execCommand("Copy");
console.log('Copied!');
}
</script>
4 예시 3: 구식 IE
- 인터넷 익스플로러만 가능
html
Copy
<script type="text/javaScript">
function copy_to_clipboard(str) {
window.clipboardData.setData("Text", str);
alert("복사되었습니다.");
}
</script>
<button onclick="copy_to_clipboard('Hello Jmnote');">복사</button>
5 같이 보기
6 참고
편집자 Jmnote
로그인하시면 댓글을 쓸 수 있습니다.