JavaScript & HTML/JavaScript
JavaScript 클립보드 복사
husks
2021. 8. 11. 16:22
반응형
클립보드 복사 예제 입니다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8" />
<title>복사하기 버튼 예제</title>
<script src="https://code.jquery.com/jquery-1.11.3.js"></script>
<script type="text/javascript">
$(function () {
$('.copyAlbumId').click(function () {
var copyText = document.getElementById("copy_id");//클립보드에 복사할 텍스트 가져옴
var textArea = document.createElement("textarea");//textarea 생성
textArea.value = copyText.textContent;//textarea에 텍스트 입력
document.body.appendChild(textArea);//body에 textarea 추가
textArea.select();//선택
document.execCommand("Copy");//복사
textArea.remove();//생성한 textarea 삭제
alert("복사되었습니다.");
});
});
</script>
<body>
<span id="copy_id">20210811</span></a>
<button type="button" class="copyAlbumId">복사</button>
</body>
</html>
반응형