고정 헤더 영역
상세 컨텐츠
본문
반응형
클립보드 복사 예제 입니다.
<!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>
반응형
'JavaScript & HTML > JavaScript' 카테고리의 다른 글
| Checkbox 전체 선택 이벤트 (0) | 2023.02.07 |
|---|---|
| JavaScript D-Day 소스 (0) | 2023.02.07 |
| sortable (Drag&Drop 활성화 비활성화) (0) | 2021.05.27 |
| selector eq 변수 (0) | 2020.07.14 |
| checkbox serialize 해결방법 (0) | 2020.04.03 |
댓글 영역