javascript

javascript 클립보드 복사

hjcode 2020. 9. 23. 18:17

execCommand 메서드를 이용하여 클립보드에 복사를 구현할 수 있습니다.

<button id='btn1'>복사</button>
function copyToClipboard(val) {
  var t = document.createElement("textarea");
  document.body.appendChild(t);
  t.value = val;
  t.select();
  document.execCommand('copy');
  document.body.removeChild(t);
}

const btn = document.getElementById('btn1');

btn.addEventListener('click', () => {
	copyToClipboard('복사된 텍스트');
  alert('복사 완료!');
});

 

모든 브라우저에서 호환되기 위해서 clipboard.js 라이브러리를 사용하는 것을 추천합니다.

 

 

반응형