웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
COPY & CUT 막기 / 경고 [0002]
2005.01.16 02:41
┏━━━━┳━━━━━━━━━━━━━━━━━━━━━━━━━
┃0002┃COPY & CUT 막기 / 경고
┗━━━━┻━━━━━━━━━━━━━━━━━━━━━━━━━
┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
┗ 서문:
비교적 짧은 JavaScript이지만, 다소 내용상으로는 고급에 해당되는 스크립트라할 수 있겠습니다.
텍스트의 경우, 이벤트 값을 false로 반환함으로써 간단하게 COPY를 막을 수 있습니다만,
이미지 자체를 카피할 경우 document가 아닌 개체로 보기 때문에 이벤트 값만으로는 COPY를 막을 수 없습니다.
따라서 clipboardData 개체에 접근하여, 강제적으로 클립보드의 값을 바꾸어 버립니다.
물론 소스보기를 통해 내용을 COPY해 갈 수 있겠지만, 본 스크립트는 공부를 위해서 제작된 것이므로 ^-^;
본 스크립트를 수정해서 COPY를 막는 것이 아니라,
COPY를 했을 경우 "출처를 만드시 표기해 주세요" 등의 알림 용도로 사용해도 좋을 것 같습니다.
┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
┗ 예제: http://edene.com/nzeo/java/?no=0002&mode=example
┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
┗ 소스: http://edene.com/nzeo/java/?no=0002&mode=source
<script type="text/javascript">
<!--
function warning(){
alert('복사해가실 수 없습니다.');
event.returnValue = false;
window.clipboardData.setData("Text",'복사해가실 수 없습니다.');
}
//-->
</script>
┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
┗ 적용:
<body> 태크에 oncopy="warning();"을 추가합니다.
예: <body style="margin:0px" oncopy="warning();">
┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
┗ 추가: CUT 막기 (200501180624)
잘라내기의 경우 아래의 body태그에 추가적으로 oncut="warning();"을 넣어주시면 됩니다.
예: <body style="margin:0px" oncopy="warning();" oncut="warning();">
┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
┗ 알림:
소스페이지에 가시면 자세하게 주석을 달아두었으니, 이해가 안되시는 분들은 참고하도록 하세요.
본 스크립트는 제가 직접 제작한 것입니다. 다른 곳에 퍼가실 경우 아래 간단한 메시지와 퍼갈 곳의 주소를 남겨주세요.
(본 스크립트를 참고하여 새로운 스크립트를 만드는 경우, 자신의 홈페이지 제작에 활용한 경우는 상관없어요 ^-^;)
┃0002┃COPY & CUT 막기 / 경고
┗━━━━┻━━━━━━━━━━━━━━━━━━━━━━━━━
┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
┗ 서문:
비교적 짧은 JavaScript이지만, 다소 내용상으로는 고급에 해당되는 스크립트라할 수 있겠습니다.
텍스트의 경우, 이벤트 값을 false로 반환함으로써 간단하게 COPY를 막을 수 있습니다만,
이미지 자체를 카피할 경우 document가 아닌 개체로 보기 때문에 이벤트 값만으로는 COPY를 막을 수 없습니다.
따라서 clipboardData 개체에 접근하여, 강제적으로 클립보드의 값을 바꾸어 버립니다.
물론 소스보기를 통해 내용을 COPY해 갈 수 있겠지만, 본 스크립트는 공부를 위해서 제작된 것이므로 ^-^;
본 스크립트를 수정해서 COPY를 막는 것이 아니라,
COPY를 했을 경우 "출처를 만드시 표기해 주세요" 등의 알림 용도로 사용해도 좋을 것 같습니다.
┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
┗ 예제: http://edene.com/nzeo/java/?no=0002&mode=example
┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
┗ 소스: http://edene.com/nzeo/java/?no=0002&mode=source
<script type="text/javascript">
<!--
function warning(){
alert('복사해가실 수 없습니다.');
event.returnValue = false;
window.clipboardData.setData("Text",'복사해가실 수 없습니다.');
}
//-->
</script>
┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
┗ 적용:
<body> 태크에 oncopy="warning();"을 추가합니다.
예: <body style="margin:0px" oncopy="warning();">
┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
┗ 추가: CUT 막기 (200501180624)
잘라내기의 경우 아래의 body태그에 추가적으로 oncut="warning();"을 넣어주시면 됩니다.
예: <body style="margin:0px" oncopy="warning();" oncut="warning();">
┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
┗ 알림:
소스페이지에 가시면 자세하게 주석을 달아두었으니, 이해가 안되시는 분들은 참고하도록 하세요.
본 스크립트는 제가 직접 제작한 것입니다. 다른 곳에 퍼가실 경우 아래 간단한 메시지와 퍼갈 곳의 주소를 남겨주세요.
(본 스크립트를 참고하여 새로운 스크립트를 만드는 경우, 자신의 홈페이지 제작에 활용한 경우는 상관없어요 ^-^;)
댓글 10
제목 | 글쓴이 | 날짜 |
---|---|---|
PHP 혼자 공부하기 - 8 :: 시간다루기 [18] | 행복한고니 | 2003.04.13 |
PHP 혼자 공부하기 - 9 :: 정규식 함수 [3] | 행복한고니 | 2003.04.14 |
PHP 혼자 공부하기 - 10 :: 정규식 패턴 문법 [3] | 행복한고니 | 2003.04.15 |
PHP 혼자 공부하기 - 11 :: 정규식 실전예제 [9] | 행복한고니 | 2003.04.16 |
[mics'php] 1. PHP란? [8] | TheMics | 2003.04.16 |
[mics'php] 2. PHP 사용 시스템 구축하기 [3] | TheMics | 2003.04.17 |
데이터베이스, PHP를 만나면「알짜 사이트로 부활!」 [1] | .maya | 2003.04.18 |
PHP 혼자 공부하기 - 12 :: SQL문 [6] | 행복한고니 | 2003.04.20 |
노프레임+프레임없이 접근막기+게시물 링크하기 [3] | teslaMINT | 2003.04.20 |
유용한 일반 함수 모음;ㅁ; [11] | TheMics | 2003.04.23 |
군대간 친구 남은날짜 계산하기 [6] | xacdo | 2003.04.27 |
ID3v1태그 읽는 함수입니다. [4] | 김승태 | 2003.04.27 |
if 시리즈 1탄! [15] | 씨파개 | 2003.04.28 |
PHP 확장 함수를 이용한 exif 정보 출력 [1] | NoSoRi | 2003.04.30 |
if 시리즈 2탄.. ㅡㅡ;; [9] | 씨파개 | 2003.05.05 |
mysql_fetch_row n mysql_fetch_array n mysql_fetch_object [4] | sMokaHallo | 2003.05.06 |
이미지 전용 파일업로드시의 확장자 체크시.. [4] | 특급잠수부 | 2003.05.07 |
PHP+MSSQL?(수정판) [11] | 씨파개 | 2003.05.10 |
세션파일 크기/만들어진 시간체크해서 정해진 시간이후엔 파일 지우기?;; (라고 써야되낭? ;;) [6] | 다오케이 | 2003.05.12 |
none 과 null 처리 문제 해결법 [5] | 허현승 | 2003.05.12 |