html 우클릭 방지, 복사 금지
html로 프로그래밍을 하다 보면 소스를 보호해야될 상황이 생기곤 한다.
가급적 다른 사람이 우클릭으로 소스를 분석해 해킹을 하는 것을 막고 싶다거나, 자신의 소스를 우클릭으로 복사하여 자신의 컨텐츠인 것처럼 하는 것을 막기 위해 컨텐츠 보호를 하고 싶을 때 사용하곤 한다.
이번 포스팅에서는 우클릭을 방지하는 방법에 대해 알아보자.
우클릭 방지 목적
html에서 우클릭 방지는 왜 해야 하는가?
html화면, 즉 웹화면에서는 마우스 오른쪽 클릭으로 쉽게 소스를 확인해 보안에 취약한 부분을 확인할 수 있다.
마우스 우클릭이 되면 컨텐츠를 무단으로 사용도 가능하다.
그런 이유로 우클릭을 방지해야 한다.
.
복사 금지 방법
html로 소스를 작성시에 아래 코드를 추가한다.
보통 body 부분에 추가하게 되면 페이지 전체에 적용된다.
Oncontextmenu 우클릭 이벤트
Ondragstart 마우스 드래그 이벤트
Onselectstart 마우스 드래그 영역 선택
<body oncontextmenu="return false" ondragstart="return false" onselectstart="return false">
위와 같이 소스를 작성하게 되면 우클릭이 방지되고, 복사 금지도 사용할 수 있다.
.'Web' 카테고리의 다른 글
| 자바스크립트 리터럴이란?(javascript literal) (0) | 2017.01.03 |
|---|---|
| html5 예제 (기본 형식) (0) | 2016.10.29 |
| html 반짝반짝 효과 주기 (1) | 2016.06.19 |
| 개체가 'readAsBinaryString' 속성이나 메서드를 지원하지 않습니다. (0) | 2016.06.05 |
| SCRIPT5007: '$' 속성 값이 null이거나 정의되지 않았습니다. (1) | 2016.06.05 |