마우스 이벤트를 추가하여 복사를 재밌게 방지해 봅니다

마우스 이벤트를 추가하여 복사를 재밌게 방지해 봅니다


저의 블로그에 찾아오시는 분이 많아지면서 최근에 다시 이미지등의 복제나 카피글들이 종종 보이는것을 확인했습니다.

그래서 간단하게 재밌는 마우스 이벤트를 skin.html에 추가해서 다른 페이지로 이동하도록 바꿔놓았습니다.


블로그에 일반적인 이미지의 경우는 복제를 해도 상관이 없는데 개인적으로 작성한 글이나 이미지의 경우,

다른 곳에서 카피글을 보는 경우는 마음이 언짢은게 사실이다보니 간단한 마우스 이벤트를 이용하여 랜덤하게 페이지를 이동하도록 변경하였으니 오해 없으시길 바랍니다.



사용한 마우스 이벤트는 ondblClick , onContextMenu , onDragStart , onSelectStart 입니다.

※ Marshall K님 덕분에 user-select 도 추가되었습니다



그래도 복제하는 경우가 있겠지만 보고자 하는 페이지에서 다른 페이지로 이동하면 더욱 더 ~ 재밌겠죠 ^^



마우스 이벤트 종류


묘한오빠

남자의 호칭 중에 "오빠"처럼 묘한 것도 없었다

이미지 맵

묘한오빠/블로그가 변한다 다른 글

이 글에 담긴 의견 16

*

*

사진첨부

    • 더블 클릭은 잘 작동을 하는데, 우클릭 방지는 작동을 안 하는 듯하네요.
      근데 기왕 방지 하시는 거 user-select 같은 걸 이용해서 드래그도 방지하셔야 하지 않을까요?

    • https://www.w3schools.com/cssref/css3_pr_user-select.asp

    • 방법 알려주셔서 감사합니다.
      덕분에 좋은 기능추가 하나 했습니다. ^^

    • 과한 오지랖일까 걱정되긴 하지만 이걸 깔끔하게 적용하시려면 모바일에서도 스킨을 사용하셔야 하지 않을까요?
      반응형 스킨 제작에 도전을 해보심이..!

    • ***/m/을 아마 영구히 막을수만 있다면 모를까 ㅎㅎ

      감사합니다.
      덕분에 티스토리 모바일버전을 사용중지하고 max-width값을 조정해 원하는 화면과 설정이 반영되도록 해봤습니다

    • 이렇게 바꾸시니 랜덤으로 글 읽기 좋네요 ㅋㅋㅋ
      더블클릭만 하면 알아서 새 글로 넘어가주니 글 읽는 입장에서도 유용합니다

    • 다른페이지로 이동한다는게 뭔가 했더니 우클릭하거나 더블클릭하면 이동을 하는군요+_+ ㅎㅎ
      모르고 있다가 클릭하면 '뭐지? 왜 이동하지' 싶기도 하겠네요^^
      언제나 불펌하는 인간들은 있군요.

    • 스크립터의 경우, 해제하는 경우가 많아 스크립터 없이 html, css에 바로 적용하는 방식을 사용했습니다.
      마우스 우클릭 도구들로 테스트 해보니 괜찮더라구요. 재미도 있고... ^^

이전 글

다음 글