javascript 마우스 우클릭 방지! 개발자 도구 보기 방지, 소스보기, F12보기 방지를 위한 스크립트 정리

아마 퍼블리싱을 하는 분이라면 웹사이트/모바일 제작할때 제이쿼리나 CSS 보려고 F12를 통한 개발자 도구함을 통해 소스 보기 해보신적이 있을 것이다.

저는 에이젼시 이전 멀티샵 쇼핑몰에서 근무할때 아주 일상이었다. 그때는 이렇다할 스킬과 웹표준에 대한 개념이 잡히기 전이라, 기획 쪽에서 경쟁사 사이트에서 괜찮은 제이쿼리나 효과들이 있다면 바로 적용하길 바랬기 때문ㅎㅎ

 
덕분에 능력치에 버거운 경우도 많았지만 그런 연습기간이 있었기에 약간의 요령도 생겼던 것 같습니다.ㅎㅎ 
이번에 단순한 태그 및 자바스크립트는 이런 소스보기를 방지하기 위한 태그입니다. 물론 100% 막지는 못하지만 어느 정도의 간섭을 줄 수 있는 효과가 있다.~

 
하단 자바스크립트 소스를 간단하게 연동하여 사용 가능

 
var ns = (document.layers)?true:false;
var ie = (document.all)?true:false;
if (ns) document.captureEvents(Event.MOUSEDOWN || Event.CLICK);
document.onclick = sourcecodeprotect;
document.onmousedown = sourcecodeprotect;

//********************************************
function sourcecodeprotect(e){
if (ns&&(e.which==3)) return false;
else if (ie&&(window.event.button==2)) alert("Source code protected");
else return true;
}

document.onkeydown = function(){
if (event.keyCode == 123) {

}
}

 

자바코드로 쉽게 넣을수 있고, 웹페이지에서 공동으로 사용되는 항목에 넣어주면 된다. 자바의 Event.Keycode는 하단의 표를 참조하여 주세요

 

 

 

빨갛게 표기된 부분을 하단 코드를 참조하여 방지를 할 수 있다.  간단한 소스다 보니 유용하게 쓰일 듯 싶다 :D

---

본 게시글이 도움이 되셨다면 로그인 없이 클릭 가능한 ♥ 공감 버튼 클릭 부탁드립니다 :) 
"당신의 하루가 별보다 빛나길"