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

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

QA

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

답변 3

본문

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

 

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

 

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

 

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

 

 

이 질문에 댓글 쓰기 :

답변 3

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>
답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 947
© SIRSOFT
현재 페이지 제일 처음으로