Copy
<!-- 검색 키워드 -->
<div id="con5">
<div class="detail_contents_box">
<div class="detail_con_title">검색 키워드</div>
<b data-clipboard-text="" class="key_copy">키워드복사</b>
<div class="detail_con_text">
{{Data.etc1}}
<span class="font_14" style="display:block; color:#969696;">- 제목에 1회+업체명, 본문 내용에 키워드 3회 이상 언급 필수<br>- 키워드가 지켜지지 않으면 수정요청이 있을 수 있습니다.</p>
</div>
</div>
</div>
검색 키워드 밑에 키워드복사를 만들고 클릭하면 복사되었습니다 문구가 나오게 하고싶은데
소스 어떻게 입력해야 할까요..
|
답변 1개 / 댓글 1개
채택된 답변
+20 포인트
2024-01-04 (목) 03:28:18
Copy
<!-- 검색 키워드 -->
<div id="con5">
<div class="detail_contents_box">
<div class="detail_con_title">검색 키워드</div>
<b data-clipboard-text="" class="key_copy">키워드복사</b>
<div class="detail_con_text">
{{Data.etc1}}
<span class="font_14" style="display:block; color:#969696;">- 제목에 1회+업체명, 본문 내용에 키워드 3회 이상 언급 필수<br>- 키워드가 지켜지지 않으면 수정요청이 있을 수 있습니다.</p>
</div>
</div>
</div>
<script>
function copy() {
const that = this;
const el_next = this.nextElementSibling;
const data = el_next.innerText;
navigator.clipboard.writeText(data).then(() => {
that.dataset.clipboardText = data;
alert('복사되었습니다');
});
}
document.querySelector('.key_copy').addEventListener('click', copy);
</script>
답변에 대한 댓글 1개
리뷰가좋은이유
2024-01-04 (목) 15:16:34
답변을 작성하려면 로그인이 필요합니다.
여기서 검색 키워드 항목 밑에 키워드 복사가 뜨게 하고싶은데 지금 소스로는 검색 키워드 옆에 키워드 복사가 나오는데 아래로 오게 하려면 어떻게 해야할까요 ㅠㅠ
아 그리고 복사가 되기는 하지만 밑에 - 제목에 1회+업체명, 본문 내용에 키워드 3회 이상 언급 필수
- 키워드가 지켜지지 않으면 수정요청이 있을 수 있습니다. 이 문구도 같이 저장이 되는 중인데 이건 복사가 안되게 하고싶어요