[JS] 클립보드에 텍스트 복사하기

p-q·2022년 11월 4일
0

JavaScript

목록 보기
8/11

요약

1.생성된 태그에 클릭 이벤트를 등록해준다.
2.writeText() 를 사용하여 시스템 클립보드에 저장해준다.
3.정상정으로 복사가 되었는지 확인한다.

html

<button id='copy'>복사</button>

JavaScript

const copyBtn = document.getElementById('copy');
const url = window.location.href;
      
copyBtn.addEventListener('click', (e) => {
  navigator.clipboard.writeText(url).then(() => {
    alert("복사완료");
  });
});

ciboard.writeText(newClipText)

Clipboard인터페이스의 속성 writeText() 은 지정된 텍스트 문자열을 시스템 클립보드에 씁니다.

매개변수

newClipText
클립보드에 쓸 문자열입니다

profile
ppppqqqq

0개의 댓글