클립보드 텍스트 복사하기(execCommand 대체)

execCommand로 클립보드 텍스트 복사하기를 사용했었는데 더이상 지원이 안되서 새로운 방법을 찾았습니다.

navigator.clipboard.writeText 를 사용하면 클립보드에 텍스트를 복사할 수 있습니다.

navigator.clipboard.writeText('복사할 문구');

너무 간단하죠?

navigator.clipboard.writeText("클립보드에 복사할 문구").then(
  () => {
    //성공했을 때
  },
  () => {
    //실패했을 때
  }
);

복사 성공 / 실패했을 때의 액션도 추가할 수 있습니다.

See the Pen Untitled by jess (@jess44) on CodePen.

사용 예제입니다. 응용하면 테이블 내용 복사 등 다양하게 활용할 수 있습니다.