클립보드 복사 사용하기

수빈·2022년 7월 12일
0

React

목록 보기
15/25

1. execCommand() 함수 사용하기.

2. Clipboard API 사용하기

Clipboard API는 클립보드 명령(잘라내기, 복사, 붙여넣기)에 응답하거나 시스템 클립보드에 비동기적으로 접근하고 쓸 수 있는 기능을 제공한다.
navigator.clipboard를 통해 전역에서 접근할 수 있다.
❗ IE에서는 지원하지 않는다.

url주소 복사하기.

  const copyClipBoard = async () => {
    try {
      let url = window.location.href;
      await navigator.clipboard.writeText(url);
      alert("복사되었습니다.");
    } catch (error) {
      alert("다시 시도해주세요.");
    }
  };

0개의 댓글