티스토리 우클릭 방지(사진 다운로드 막기, 복사 막기)

블로그 관리 홈에서 설정하는 '마우스 오른쪽 클릭 방지' 기능을 추가해 보았는데

사진 다운로드는 물론 글을 복사하는 기능도 막혀 버렸다.

해당 기능은 아래의 메뉴에서 설정 가능하다.

블로그 관리 홈 -> 플러그인 -> 우측 상단 '보기' 클릭 -> 스팸/불펌 방지 -> 마우스 오른쪽 클릭 방지 -> 적용

하지만 이 블로그는 코딩 자료가 올라갈 일이 많아서 방문자들이 코드를 복사해서 사용할 일이 많을 거 같아

사진 다운로드 기능만 막는 방법을 찾았다.

방법은 매우 간단하다.

HTML 태그를 수정해주는 아래의 코드 한 줄만 넣어주면 끝난다.

oncontextmenu는 HTML5에서 추가된 것으로 보인다.

<div>와 같은 태그에 지정하면 해당 태그 내에서 우클릭을 시도할 때 JavaScript 이벤트를 발생시킨다.

oncontextmenu="return false"

JavaScript 우클릭 이벤트를 지정하는 것이기 때문에 티스토리가 아닌 다른 html사용 웹 페이지에서 사용 가능하다.

블로그 관리 홈 -> 스킨 편집 -> html 편집 -> HTML탭

으로 이동하여 body 태그에 속성 값을 넣어주자

드래그만 막기, 우클릭만 막기 등을 이용하려면 아래의 코드를 상황에 맞게 사용하면 된다.

<body
    oncontextmenu="return false" 
    ondragstart="return false" 
    onselectstart="return false" />

모든 것을 막고 싶다면 글의 시작 부분에서 말한 '마우스 오른쪽 클릭 방지 ' 플러그인을 이용해보자

[DDD] 도메인 주도 설계를 읽고 간단한 요약 (0)	2020.01.07
티스토리 구글 검색에 노출 하기(구글 검색 등록) (0)	2019.04.20
티스토리에 소스코드 하이라이트 넣기(highlight.js) (0)	2019.04.19
티스토리에 소스코드 하이라이트 넣기(Color Scripter) (0)	2019.04.19
티스토리에 소스코드 넣기(syntaxhighlighter) (0)	2019.04.19

컨닝페이퍼