[JS] URL 클립보드에 복사하기

자바스크립트를 이용하여 버튼 클릭시

현재 페이지의 URL을 클립보드에 복사하는 기능을 추가하고 싶었다.

 

function clipBoard(){
		let dummy = document.createElement("input");
		const url = location.href;
		
		document.body.appendChild(dummy);
		dummy.value = url;
		dummy.select();
		document.execCommand("copy"); 
		alert("URL을 클립보드에 복사했습니다.");
		document.body.removeChild(dummy);
	}

함수 실행시 임시로 URL을 담는 input을 생성하고 복사 후 삭제한다.

 

document.execCommand("copy");

클립보드 복사의 핵심! 클립보드에 현재 선택 영역의 내용을 복사한다.

 

 

 

클릭후 팝업을 닫고 메모장에 붙여넣기 했을 때 URL이 잘 복사된 것 확인.

 

 

📃 참고

https://developer.mozilla.org/ko/docs/Web/API/Document/execCommand

Document.execCommand() - Web API | MDN

https://emessell.tistory.com/164

[JS] URL COPY TO CLIPBOARD, URL 주소 클립보드에 복사하기