블로그 복사 불펌 금지, 블로그 복사 방지, 우 클릭 방지

블로그에 쓴 글이 누군가에 의해 무단으로 복사되지 않도록 금지하는 팁입니다.

많은 시간과 노력을 들여서 자신의 블로그 글을 작성하였는데 누군가 무단으로 복사하여 가져 간다면 문제가 심각합니다. 블로그 복사를 막는 드래그 방지 스크립트, 우 클릭 금지 스크립트를 소개하여 드립니다.

블로그 복사 불펌 금지

그러나, 사실 누군가가 마음을 먹고 글이나 사진을 복사하려 한다면 막기는 어렵습니다만, 최소한도로 무단 복사를 막기 위한 방법으로 자바스크립트를 이용할 수 있습니다. 복사 방지를 해제하는 방법은 보통 크롬 개발자도구에서 자바스크립트 끄기, 확장 프로그램 사용하기 등이 있습니다.

티스토리는 플러그인을 통해서 우 클릭 방지를 할 수 있지만 구글 블로그 등은 별도로 자바 스크립트를 써야 합니다.

우클릭, 드래그, 복사 금지 차단하는 방법

<script>
    (function () {
        //=================================================================================
        // 우클릭, 드래그, 복사 차단
        //=================================================================================
        var events = ["contextmenu", "selectstart", "dragstart", "copy", "cut"];

        events.forEach(function (event) {
            window.addEventListener(event, blockEvent, true);
        })

        function blockEvent(e) { e.preventDefault(); }
        //=================================================================================
        // 개발자 메뉴 (F12) 차단
        //=================================================================================
        window.addEventListener('keydown', blockDeveloperMenu, true);

        function blockDeveloperMenu(e) {
            if (e.keyCode === 123) { // F12
                blockEvent(e);
            }
            if (e.ctrlKey && e.shiftKey) {
                var code = e.keyCode;
                // 개발자 도구를 여는 Ctrl + Shift + 키 조합
                if (code === 67 || code === 69 || code === 73 || code === 74 || code === 75 || code === 77 || code === 83) {
                    blockEvent(e);
                }
            }
        }

        setInterval(function () { debugger; }, 200);
        //=================================================================================
        // 애드온 (pig toolbox 등) 차단
        //=================================================================================
        var event, received = false;

        refreshEvent();

        window.addEventListener("contextmenu", function (e) {
            if (e === event) { received = true; }
        }, true);

        setInterval(function () {
            received = false;
            window.dispatchEvent(event);
            received ? hideMessage() : showMessage();
            refreshEvent();
        }, 200);

        function refreshEvent() {
            if (event && !event.cancelBubble) { return; }
            event = document.createEvent("MouseEvents");
            event.initMouseEvent("contextmenu", true, true, window, 1, 50, 121, 50, 50, false, false, false, false, 2, null);
        }
        //=================================================================================
        // 자바스크립트 비활성화 (Disable Javascript) 시 메세지 띄우기
        //=================================================================================
        var timer = null;
        function showMessage() {
            clearInterval(timer); timer = null;
        }
        function hideMessage() {
            if (timer === null) { timer = setInterval(reveal, 450); }
        }
        function reveal() {
            cl().toggle("cm-hide");
            cl().toggle("cm-hide-2");
        }
        function cl() { return Copyright_Message.classList; }

        window.addEventListener('visibilitychange', function() {
            // 페이지가 숨겨질 시 animation을 정지함
            if (document.visibilityState === "hidden") {
                cl().remove("cm-hide", "cm-hide-2");
                void Copyright_Message.offsetWidth;
                showMessage();
            } else {
                cl().add("cm-hide");
                cl().remove("cm-hide-2");
                hideMessage();
            }
        }, true);

        hideMessage();
    })();
</script>
<!---------------------------------------------------------------
    자바스크립트 비활성화 후 새로고침 시 메세지 띄우기
---------------------------------------------------------------->
<noscript>
    <style>
        #Copyright_Message>span { display: none; }
        .cm-no-js { background: white; visibility: visible!important; }
    </style>
</noscript>
<!---------------------------------------------------------------
    드래그 차단
---------------------------------------------------------------->

위의 스크립트를 적용하면 됩니다.