이메일 클릭 시 강제 복사 시키기

인트로

이메일을 클릭했을 때 복사하는 기능을 만들어봤습니다.

Clipboard API를 사용해서 아주 간단하게 해결할 수 있었습니다.

---

Clipboard: writeText() 

인자로 넣어준 텍스트 문자열을 시스템 클립보드(복사한 데이터를 저장해줌)에 저장합니다.

read()나 readText()를 사용해서 저장한 문자열을 다시 읽을 수 있습니다.

---

전체코드

    //컴포넌트 함수 내부
    const copyEmail = async (email) => {
        await navigator.clipboard.writeText(email);
        alert("이메일 복사에 성공했습니다");
      };
    
   //return
    <h2
      onClick={() => {
        copyEmail("당신의 이메일");
      }}
    >
      email : 당신의 이메일
    </h2>

---

결과

---

강제로 내 이메일 심기 완료