애매한 잡학사전

정말 간단한 블로그 불펌방지하기 - 플러그인 사용안함 본문

DEV/자바스크립트

정말 간단한 블로그 불펌방지하기 - 플러그인 사용안함

거대한 개발자 2020. 10. 13. 15:17
반응형

블로그 작성을 하면서 소스 복사에 대한 차단이 있으면 어떨까 하는 생각이 들어서 한번 작성해 보았습니다. 

 

정말 간단하고 심플하게 만들어서 누구나 따라할 수 있을 것 같네요.

 

일반적으로 사용하는 jquery 소스를 이용해서 작성하였습니다. 

<script type="text/javascript"> 
    $(document).ready(function(){ 
        $('.area_view').attr('tabindex', 0); 
        $('.area_view').css({'outline':'none'}); 
        $('.area_view').focus(); 
    });

    // 마우스 오른쪽 버튼 클릭 
    $('.area_view').contextmenu(function(){ 
        alert('복사 방지를 위해 마우스 오른쪽 버튼은 차단되었습니다. ^_^'); 
        return false; 
    }); 
      
    // key down 이벤트 발생 
    $(document).on('keydown', '.area_view', function(event){ 
        if(event.ctrlKey && event.keyCode == 67){

            alert('복사 방지를 위해 Ctrl + C 는 차단되었습니다. ^_^'); 
            return false; 
        } 
    }); 
</script>

모든 게시글 작성이 끝나면 티스토리 블로그 작성 모드를 HTML 모드로 변경하고

 

위의 소스를 게시글 제일 마지막에 추가하면 정상적으로 동작하게 됩니다. 

 

안내 문구를 변경하려면 alert(''); 안에 문구를 변경하면 됩니다.

 

이상 간단하게 작성한 블로그 불법 복제 방지 스크립트 였습니다. ^_^

 

Comments