2018. 5. 18. 01:35
반응형

복사 버튼을 클릭하여 원하는 html 태그의 텍스트를 복사하는 기능 만들기


아래 버튼을 누르면 복사


다음과 같이 함수를 만들고 원하는 태그의 css 선택자를 입력하면 된다.

id 속성을 이용하면 쉽다.

복사하려는 태그의 display가 block일 경우 다음줄로 커서가 넘어간 상태로 복사된다.


function copyText(selector){
	window.getSelection().removeAllRanges();
	var text = document.querySelector(selector);
	var range = document.createRange();
	range.selectNode(text);
	window.getSelection().addRange(range);
	try{
		document.execCommand('copy');
		alert("Copied");
	}catch(err){
		alert("Failed");
	}
	window.getSelection().removeAllRanges();
}

반응형