티스토리 - 우클릭 금지, 드래그 금지
내 저작물은 내가 보호하자! ^^
말이 필요 없죠. 내 저작물뿐만 아니라 다른 사람들의 저작물도 소중하니까요.
간단하게 지킬 수 있는 우클릭 금지, 드래그 금지, 불 폄 방지하는 법을 알아봅시다.
우클릭 금지나 드래그 금지 기능은 티스토리 플러그인에서 쉽게 설정하실 수 있습니다.
관리자 모드 > 플러그인으로 들어가면
마우스 오른쪽 클릭 방지 외에 스팸방지 등 다양한 플러그인을 제공합니다.
원하시는 플러그인을 클릭하시고 적용하시면 간단히 해결됩니다만 일부 브라우저 환경에서 정상적으로 작동하지 않을 수 있다고 하네요.
그 외 코드를 직접 html 소스 안에 삽입하는 방법도 있습니다.
간단한 코드를 아신다면 쉽게 하실 수 있습니다.
1. 관리자 모드 > 꾸미기 > 스킨 편집 클릭
2. 오른쪽 상단의 html 편집 클릭
3. 소스 코드 넣기
설명을 하자면 우클릭 금지 코드는 <head></head> 사이에 넣어주면 됩니다
보시면 head 코드 안에 다른 script 코드와 style 코드들이 섞여 있으니 script 코드가 끝난 뒷부분에 넣어주시면 됩니다.
그리고 드래그 금지 소스는 body 코드 안에 넣어주시면 되는데
그것 역시 다른 코드들 끝 부분에 넣어주시면 됩니다.
[우클릭 금지 코드]
<script type="text/javascript">
var omitformtags=["input", "textarea", "select"]
omitformtags=omitformtags.join("|")
function disableselect(e){
if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1)
return false
}
function reEnable(){
return true
}
if (typeof document.onselectstart!="undefined")
document.onselectstart=new Function ("return false")
else {
document.onmousedown=disableselect
document.onmouseup=reEnable
}
</script>
[드래그 금지 코드]
<body oncontextmenu="return false" onselectstart="return false" ondragstart="return false">
별로 어렵지 않죠?! ^^
직접 코딩하기 어려운 분들은 txt 파일 다운로드하여 필요한 위치에 넣으면 됩니다.
'IT 관련 팁' 카테고리의 다른 글
| HTML 코드 정렬해 주는 사이트 (0) | 2021.11.25 |
|---|---|
| 무료 아이콘 사이트 (0) | 2021.08.19 |
| 저작권 없는 무료 이미지 사이트 Pixabay(픽사베이) (0) | 2021.08.17 |
| [포토샵] 브러쉬 패널 (0) | 2021.08.09 |
| 구글 서치 콘솔 메타 태그 사라졌을 때 (0) | 2021.08.01 |
댓글