1.생성된 태그에 클릭 이벤트를 등록해준다.
2.writeText() 를 사용하여 시스템 클립보드에 저장해준다.
3.정상정으로 복사가 되었는지 확인한다.
<button id='copy'>복사</button>
const copyBtn = document.getElementById('copy');
const url = window.location.href;
copyBtn.addEventListener('click', (e) => {
navigator.clipboard.writeText(url).then(() => {
alert("복사완료");
});
});
Clipboard인터페이스의 속성 writeText() 은 지정된 텍스트 문자열을 시스템 클립보드에 씁니다.
newClipText
클립보드에 쓸 문자열입니다