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

document.getElementById('copy_btn').addEventListener('click', () => {  
    navigator.clipboard.writeText(decodeURI(window.location.href)).then(() => {  
        let successMessage = document.getElementById('success_message');
        successMessage.innerHTML = '✅ 주소가 복사되었습니다.';  
        setTimeout(() => successMessage.innerHTML = '', 1500 );  
    });  
});

id가 copy_btn인 버튼을 클릭 했을 때

• navigator.clipboard.writeText() 구문을 수행하여 에러 없이 완료되면 then() 구문을 실행한다.
• navigator.clipboard.writeText() 구문 실행 중 에러가 발생하여 수행이 완료되지 못할 경우 then() 구문은 실행되지 않는다.

---

참고한 사이트

• https://velog.io/@yeonsubaek/JavaScript-Clipboard-API%EA%B0%80-%EB%8F%99%EC%9E%91%ED%95%98%EC%A7%80-%EC%95%8A%EC%95%84-ft.-execCommand