자바스크립트 클립보드 복사 기능 만들기

자바스크립트 클립보드 복사 기능 만들기

참고: https://zetawiki.com/wiki/JavaScript_%ED%81%B4%EB%A6%BD%EB%B3%B4%EB%93%9C%EB%A1%9C_%EB%B3%B5%EC%82%AC%ED%95%98%EA%B8%B0

내용

클립보드 복사 기능을 만들 일이 있어 좀 찾아보았다.

바닐라 스크립트로 임시 textarea를 만들어서 구현하는 게 크로스 브라우징 문제 등에서 자유롭고 간단해 보였다.

구현

const textarea = document.createElement("textarea"); // teatarea 요소 생성
document.body.appendChild(textarea); // body에 요소 추가
textarea.value = '복사할 텍스트'; // value에 복사할 내용 넣기
textarea.select(); // textarea 요소 선택
document.execCommand('copy'); // copy 실행
document.body.removeChild(textarea); // textarea 요소 삭제