본문 전체선택 버튼
본문
안녕하세요.
그누보드 본문 보기에서.
클릭하면 본문에 작성한 텍스트 전체 선택 후 복사하기가 되어.
클립보드에 저장하기까지 되게 하고 싶습니다.
이미지는 필요없고 텍스트만 전체 선택하는 작동만 되면 됩니다.
글을 위에서 부터 아래로 드래그 후 복사하기 작업을 몇번 반복하다가
문뜩,
버튼 하나 있어서 클릭하면 글을 위에서 부터 주욱 선택해서 복사까지 해주면 좋겠다는 생각에서
부탁드려 봅니다.
입력박스 안에 있는 것은 copy버튼 누르면 복사되는 코드는 많이 봤는데.
게시판의 글을 이런식으로 복사하기위한 동작이 가능할지 궁금하기도 하네요. ^^
그럼 도움 주시면 감사하겠습니다.
좋은 하루 되세요. ^^
답변 2
<div id="content">
<h2><span style="font-size:12px;">복사할 내용</span></h2>
</div>
<button onclick="copy()">복사하기</button>
<script>
function copy() {
var copyText = document.getElementById("content");
const el = document.createElement("textarea");
el.value = copyText.innerHTML.replace(/<[^>]*>?/g, '');
document.body.appendChild(el);
el.select();
document.execCommand("copy");
document.body.removeChild(el);
}
</script>
그러면 정규식으로 태그를 제거하시면 됩니다.
!-->
<div id="content">
복사할 내용
</div>
<button onclick="copy()">복사하기</button>
<script>
function copy() {
var copyText = document.getElementById("content");
const el = document.createElement("textarea");
el.value = copyText.innerHTML;
document.body.appendChild(el);
el.select();
document.execCommand("copy");
document.body.removeChild(el);
}
</script>
이런식으로 하시면 됩니다.
!-->
답변을 작성하시기 전에 로그인 해주세요.