Javascript로 텍스트 클립보드 만들기

가끔 프로그래밍을 하다보면 텍스트를 복사해주는 서비스를 만들어야 할 때가 존재한다.

이때 아래와 같이 임시로 textarea를 생성하여 복사를 해주는 방법을 이용하면 된다.

 

<button onclick="copy()">COPY</button>

<input placeholder="COPY후 붙여넣기 해보세요">

 

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!');
}

 

https://jsfiddle.net/www_crocus_co_kr/8zno6b7L/4/

Edit fiddle - JSFiddle - Code Playground