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

다크케논

프로필 보기 이 회원 글보기 이 회원의 댓글보기

4년 전 2,666

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

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

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

자바스크립트

답변 3개 / 댓글 1개

채택된 답변

+20 포인트

그누위즈

프로필 보기 이 회원 글보기 이 회원의 댓글보기

4년 전

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

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

Copy

<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>