구글 크롬 클립보드 복사 시 출처 남기기 (Ctrl+C sourcing clipboard)

구글 크롬에서 클립보드에 복사하는 경우, 출처를 남길 수 있는 방법에 대해 안내해 드리려고 합니다.

요약하면 Ctrl+C 복사 시에 출처를 남길 수 있도록 추가하는 기능을 소개합니다!

[테마] 로 이동하여 [HTML 편집]을 누릅니다.

사진에서 볼 수 있는 것과 같이, 자바스크립트 <script> ~ </script> 부분을 추가합니다. 추가하는 소스코드는 아래에 있으니 천천히 읽어주세요~

copy 명령에 이벤트리스너 를 추가하는 스크립트입니다. 선택한 영역 document.getSelection() + 출처 [범상] + 현재 document.URL 을 복사하는 기능이니, [범상] 부분을 수정하여 추가하세요.

    <script>
        window.addEventListener('copy', e => {
            document.execCommand('copy');
            var vUrl = document.URL;
            e.preventDefault();
            e.clipboardData.setData('text/plain', document.getSelection() + "\n\n[범상] " + vUrl);
        }, false)
    </script>

적용한 결과를 테스트해보겠습니다.Ctrl+C 로 복사한 다음에 Ctrl+V 로 붙여넣는 경우, 출처를 표시해 주는 것을 확인할 수 있습니다.