구글/티스토리 블로그 - 복사 방지(드래그, 우클릭 방어)

혹시나 모를 복사 방지가 필요한 순간 사용하기 위해서 기록해둔다.

복사 방지 코드의 주요 기능은 다음과 같다.

• 드래그 또는 더블 클릭으로 텍스트와 이미지를 선택하는 것을 방지
• 우클릭을 방지

방법은 아래 스크립트 코드를 삽입하면 된다.

<script>['contextmenu','selectstart'].forEach(function(t){window.addEventListener(t,function(e){e.preventDefault();});});</script>

 

전체에 적용하는  방법과 특정 포스트에만 적용하는 방법이 있다.

먼저 전체 적용하는 방법이다.

전체 적용

레이아웃에서 가젯 추가를 눌려 HTML/자바스크립트를 선택해 위 코드를 넣으면 된다.

 

 

화면 표시 아이콘이 활성화/비활성화 유무 이므로, 이를 통해 우클릭 및 드래그 방지를 켜고, 끌 수 있다.

특정 포스트에 적용

특정 포스트에 적용하는 방법은, 글 작성시 모든 글을 작성하는 마지막에 HTML 보기로 전환하여 위 코드를 삽입하면 된다.