안녕하세요. 상자거북입니다.
이번 포스팅에서는 모바일 상에서 마우스 우클릭을 방지하여 컨텐츠 복사를 금지하는 방법에 대해 소개하겠습니다.
우선, 티스토리 블로그 관리 홈의 설정 페이지에서
<꾸미기>- <스킨편집>- <HTML편집> 으로 들어갑니다.
첫번째 방법은, HTML 을 수정하는 것입니다.
다음과 같이 우클릭 금지 소스를 HTML의 HEAD 부분에 복사 붙여넣기 하세요.
다음 단계로는 모바일 상에서 드래그를 금지하는 소스를 적용해봅시다.
아래의 이미지와 같이 드래그 금지하기 소스를 복사 붙여넣기 하시면 됩니다.
그리고 편집기의 우측 상단의 <적용>버튼을 눌러 주시고 좌측의 <새로 고침>을 해주시면 끝납니다.
두번째 방법은, CSS를 고치는 것입니다.
CSS를 고치는 이 방법은 모든 웹에서 호환이 된다고 합니다.
그렇다면 그 소스는 어떻게 될까요? 아래와 같습니다.
<head> <style type="text/css"> .no-drag { -ms-user-select: none; -moz-user- select: -moz-none; -webkit -user- select: none; -khtml-user-select: none; user-select:none;} </style> </head> <body> <p class="no-drag">드래그를 할 수 없습니다. </p> <p> 드래그를 할 수 있습니다. </p> </body>
css 소스 -모바일 복사 금지.txt
0.00MB
제 포스팅을 참고하셔서 다들 모바일 상에서 마우스 우클릭 금지, 마우스 드래그 금지, 모바일 복사 금지를 성공적으로 수행하셨으면 좋겠습니다.
도움이 되셨다면 공감 버튼 한번씩 부탁드려요.