javascript에서 copy 하기

특정 텍스트를 클립보드에 복사하는 기능은 현재 clipboard.js를 이용해서 사용해왔다.

 

하지만 javascript를 이용해서도 간단하게 사용이 가능하다. 바로 execCommand를 사용한것이다.

 

developer.mozilla.org/ko/docs/Web/API/Document/execCommand

Document.execCommand() - Web API | MDN

아래에 코드에 간단하게 포스팅해둔다. execCommand안에는 유용한 기능이 많으니 알아두면 좋을거같다.

<input id="sample" type="text">
<button id="btn">Copy</button>

<script>
  const input = document.getElementById("sample");
  const btn = document.getElementById("btn");
  
  btn.addEventListener('click', function() {
    input.select();
    document.execCommand("Copy");
  });
</script>