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(''); 안에 문구를 변경하면 됩니다.
이상 간단하게 작성한 블로그 불법 복제 방지 스크립트 였습니다. ^_^