본문 바로가기
웹개발

우클릭 방지 코드

by JeongNue 2019. 10. 3.

홈페이지 html head 부분에 아래 코드를 삽입하면 된다!

copyAllow() 함수 부분은 특정환경 OK시 가능하게 하려고 수정중인 내용.

 

---------------------------------------------------------

<style>

body {

-webkit-font-smoothing: subpixel-antialiased;

-webkit-touch-callout: none;

-webkit-user-select: none;

-khtml-user-select: none;

-ms-user-select: none;

-moz-user-select: none;

user-select: none;

}

</style>

<script>

var copyFlag = false;

$(document).ready(function(){

$(document).bind("contextmenu", function(e) {

if(!copyFlag){

return false;

}

});

});

$(document)[0].oncontextmenu = function() { 

if(!copyFlag){

return false; 

}

}

$(document).mousedown(function(e) {

if( e.button == 2 && !copyFlag ) {

alert('내용을 복사할 수 없습니다.');

return false;

} else {

return true;

}

});

 

function copyAllow(){

copyFlag = true;

$("body").css("user-select","auto");

$("body").attr("ondragstart","");

$("body").attr("onselectstart","");

$("body").attr("oncontextmenu","");

}

 

</script>

 

 

<!--body쪽에 아래 태그 붙일 것-->

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

댓글