[Javascript] 텍스트 복사하기 버튼 기능구현

- textCopy.js

// 클립보드로 복사하는 기능을 생성
function clipBoard(elementId) {
	// 글을 쓸 수 있는 란을 만든다.
	var aux = document.createElement("input");
	
	// 지정된 요소의 값을 할당한다.
	aux.setAttribute("value", document.getElementById(elementId).innerHTML);
	
	// body에 추가
	document.body.appendChild(aux);
	
	// 지정된 내용을 강조한다.
	aux.select();
	
	// 텍스트를 카피하는 변수를 생성
	document.execCommand("copy");
	
	// body 로 부터 다시 반환 한다.
	document.body.removeChild(aux);
	
	// alert(aux.value)
	alert("텍스트 복사에 성공 하였습니다.");
}

- findPw.jsp

<c:when test="${not empty userpw}">
  임시 비밀번호 발급 : <label id="tempPw">${userpw}</label> 
  <input class="btn btn-primary btn-sm" type="button" 
  onclick="clipBoard('tempPw')" value="복사" />
</c:when> 

<script src="${contextPath}/js/textCopy.js"></script> 

임시 비밀번호 발급 뒤 복사 버튼을 누르면 alert창 추가되면 텍스트 복사

 

 

참조 : animal-park.tistory.com/221