그누보드 QA - 홈페이지 내용중 특정 영역을 마우스로 클릭시 복사되는 스크립트가 있을까요?

홈페이지 내용중 특정 영역을 마우스로 클릭시 복사되는 스크립트가 있을까요?

다크케논 자기소개 전체게시물 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

자기소개 전체게시물 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

2021.12.13 11:35:27 1898 (1.♡.♡.179)

답변 3

본문

홈페이지 내용중 특정 영역을 마우스로 클릭시 복사되는 스크립트가 있을까요?

드래그 해서 컨트롤 + C를 누르면 되겠지만 사용자의 편의성을 고려해

특정 영역을 마우스로 클릭만 해도 복사가 되게 하려고 합니다.

전문가 분들의 조언 부탁드리겠습니다.

#자바스크립트

답변 3

그누위즈 홈페이지 자기소개 전체게시물 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색 님의 답변

2021-12-13 11:52:33 112.♡.♡.170

clipboard.js 를 사용하시면됩니다.

해당 js 파일을 다운받으시고, 원하시는 페이지에서 js 파일을 불러오시고


<script>
        // 클립보드 이메일 복사
        var clipboard = new ClipboardJS('.copy_clipboard');
        clipboard.on('success', function(e) {
            console.info('Action:', e.action);
            console.info('Text:', e.text);
            console.info('Trigger:', e.trigger);
            alert('내용이 복사되었습니다.');
            e.clearSelection();
        });
        clipboard.on('error', function(e) {
            console.error('Action:', e.action);
            console.error('Trigger:', e.trigger);
        });
</script>
 
<span class="copy_clipboard" data-clipboard-text="복사할 텍스트">TEST</span>