제이쿼리를 이용하면 문서전체를 우클릭 방지하거나 일정 부분의 블럭을 방지할 수 있습니다. 제이쿼리는 전체적으로 이해하지 않아도 코드를 가져다 사용하면 됩니다. 이런 코드는 이런 경우에 사용하고 어떤 부분을 고치면 된다. 정도만 알면 됩니다. 대신에 기본적인 html은 반드시 아셔야합니다. 아래 코드를 보면 제이쿼리 라이브러리는 구글에 있는 것을 사용하므로 별도로 라이브러리를 만들 필요는 없습니다. 3개의 div이 있는데 그중 두개의 div에 대해서는(div1,div2) 우클릭 방지가 되고 나머지 하나는(div3) 우클릭이 가능합니다. 문서전체에 대해서 우클릭 방지를 하려면 "#div" 대신에document를 넣으면 됩니다.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>My Test Page</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#div1, #div2").bind("contextmenu", function(e) {
return false;
});
});
</script>
</head>
<body>
<div id="div1">
<p>우클릭하면 메뉴가 보이지 않습니다.
</p>
</div>
<div id="div2">
<p>우클릭하면 메뉴가 보이지 않습니다.
</p>
</div>
<div id="div3">
<p>우클릭하면 메뉴가 보입니다..
</p>
</div>
</body>
제이쿼리를 문서전체를 우클릭 방지 제이쿼리 라이브러리 제이쿼리를 문서전체를 우클릭 방지 제이쿼리 라이브러리 제이쿼리를 문서전체를 우클릭 방지 제이쿼리 라이브러리 제이쿼리를 문서전체를 우클릭 방지 제이쿼리 라이브러리 제이쿼리를 문서전체를 우클릭 방지 제이쿼리 라이브러리 제이쿼리를 문서전체를 우클릭 방지 제이쿼리 라이브러리
제이쿼리를 문서전체를 우클릭 방지 제이쿼리 라이브러리 제이쿼리를 문서전체를 우클릭 방지 제이쿼리 라이브러리 제이쿼리를 문서전체를 우클릭 방지 제이쿼리 라이브러리 제이쿼리를 문서전체를 우클릭 방지 제이쿼리 라이브러리 제이쿼리를 문서전체를 우클릭 방지 제이쿼리 라이브러리 제이쿼리를 문서전체를 우클릭 방지 제이쿼리 라이브러리
제이쿼리를 문서전체를 우클릭 방지 제이쿼리 라이브러리 제이쿼리를 문서전체를 우클릭 방지 제이쿼리 라이브러리 제이쿼리를 문서전체를 우클릭 방지 제이쿼리 라이브러리 제이쿼리를 문서전체를 우클릭 방지 제이쿼리 라이브러리 제이쿼리를 문서전체를 우클릭 방지 제이쿼리 라이브러리 제이쿼리를 문서전체를 우클릭 방지 제이쿼리 라이브러리
제이쿼리를 문서전체를 우클릭 방지 제이쿼리 라이브러리 제이쿼리를 문서전체를 우클릭 방지 제이쿼리 라이브러리 제이쿼리를 문서전체를 우클릭 방지 제이쿼리 라이브러리 제이쿼리를 문서전체를 우클릭 방지 제이쿼리 라이브러리 제이쿼리를 문서전체를 우클릭 방지 제이쿼리 라이브러리 제이쿼리를 문서전체를 우클릭 방지 제이쿼리 라이브러리
제이쿼리를 문서전체를 우클릭 방지 제이쿼리 라이브러리 제이쿼리를 문서전체를 우클릭 방지 제이쿼리 라이브러리 제이쿼리를 문서전체를 우클릭 방지 제이쿼리 라이브러리 제이쿼리를 문서전체를 우클릭 방지 제이쿼리 라이브러리 제이쿼리를 문서전체를 우클릭 방지 제이쿼리 라이브러리 제이쿼리를 문서전체를 우클릭 방지 제이쿼리 라이브러리
더보기
'부트스트랩.CSS.JS/JQuery' 카테고리 관련글
