JavaScript 클립보드로 복사하기

1 개요

JavaScript 클립보드로 복사하기

자바스크립트 클립보드 복사

2 예시 1: textarea 임시 생성하여 복사 ★

순수 자바스크립트 클립보드 복사 구현 문서를 참고하십시오.

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

<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

• 인터넷 익스플로러만 가능

<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 같이 보기

• ZeroClipboard
• 클립보드
• 함수 is_ie

6 참고

• http://stackoverflow.com/questions/400212/how-do-i-copy-to-the-clipboard-in-javascript