개발자 관련 공부/멀티캠퍼스

[Javascript] 우클릭방지, 개발자도구(F12)방지

박나무 2022. 2. 28. 17:06
반응형

컨트롤 쉬프트 i 도 방지해야하겠지~?

 

# [javascript] 마우스 우클릭 방지 / 개발자도구(F12) 방지

 

1.  아래의 소스코드를 <head> 태그 사이에 넣는다.

 

# source code 01

<head>

...

 

<script type="text/javascript">

    // F12 버튼 방지

    $(document).ready(function(){

        $(document).bind('keydown',function(e){

            if ( e.keyCode == 123 /* F12 */) {

                e.preventDefault();

                e.returnValue = false;

            }

        });

    });

    

    // 우측 클릭 방지

    document.onmousedown=disableclick;

    status="Right click is not available.";

    

    function disableclick(event){

        if (event.button==2) {

            alert(status);

            return false;

        }

    }

</script>

 

...

</head>

 

 

 

2. <body> 안에 아래의 태그를 입력한다.

- oncontextmenu='return false' - 우클릭방지

- onselectstart='return false' - 블럭선택방지

- ondragstart='return false' - 드래그방지

 

<body oncontextmenu='return false' onselectstart='return false' ondragstart='return false'>

 

 

 

P.S. 키보드 버튼 식별코드

 

출처: https://thinkandthing.tistory.com/category/JavaScript

1. <head> tag에 적용하기

아래의 소스코드를 <head> 태그 사이에 넣는다.

<head>
...

<script type="text/javascript">
    // F12 버튼 방지
    $(document).ready(function(){
        $(document).bind('keydown',function(e){
            if ( e.keyCode == 123 /* F12 */) {
                e.preventDefault();
                e.returnValue = false;
            }
        });
    });
    
    // 우측 클릭 방지
    document.onmousedown=disableclick;
    status="Right click is not available.";
    
    function disableclick(event){
        if (event.button==2) {
            alert(status);
            return false;
        }
    }
</script>

...
</head>
 
  

2. <body> tag에 적용하기

<body oncontextmenu='return false' onselectstart='return false' ondragstart='return false'>

 

a) oncontextmenu='return false': 우클릭 방지

b) onselectstart='return false': 블록선택 방지

c) ondragstart='return false': 드래그 방지

 

 

💡 키보드 버튼 식별코드

 

출처: https://server-engineer.tistory.com/563 [HelloWorld]

반응형