2017-12-15 1 views
0

저작권으로 보호되는 이미지가있는 웹 사이트가 있다고 가정 해 보겠습니다. 누구도이 사진을 사용하고 싶지는 않지만 웹 사이트의 모든 이미지에 워터 마크를 넣고 싶지는 않습니다.HTML 페이지에서 드래그 앤 드롭을 사용하지 않도록 설정 하시겠습니까?

document.addEventListener('contextmenu', event => event.preventDefault()); 

과 나뿐만 아니라 장애인 드래그 & 드롭이 :

<html ondragstart="return false;"> 

을하지만 그때 나는 사용자가 될 것이라고 생각

내가 JS를 사용하여 비활성화 마우스 오른쪽 버튼으로 클릭이 내 콘텐츠를 저장하지 못하도록하려면 브라우저에서 자바 스크립트를 끄고 여전히이 두 가지 기능을 사용할 수 있습니다.

html,body { 
    -webkit-user-select: none; 
    -moz-user-select:-moz-none; 
    -ms-user-select:none; 
    user-select:none; 
} 

불행하게도,이 지금도 나는 다음과 같은 끌 수있는 가장 좋은 방법을 찾고 있어요 ... 전혀 작동하지 않습니다 :

를 그래서 나는 (이 사이트에 있음) 다음 사용하여 CSS 시도
  • 텍스트
  • 마우스 오른쪽 단추로 클릭 선택
  • 드래그 & 드롭

사람은 sugge있다 나를위한 포자?

+7

브라우저에 페이지를로드하는 것은 모든 ressources, 그래서 whataver 우리는 항상 이미지와 텍스트를 얻을 수 있습니다 –

+0

고마워, 이해해. 하지만 내 CSS에 어떤 문제가 있습니까? 어떻게 작동하지 않습니까? –

+0

작동 예제를 제공하십시오 ... – andreas

답변

-1

사용자가 이미지를 복사하지 못하도록 막을 수는 없습니다. 그래서 당신은이 예방에 얼마나 많은 노력을 기울 이길 원하는지 결정해야합니다.

사용하는 방법으로 덜 정교한 사용자는 방지 할 수 있지만 이미지에는 href (브라우저의 파일 경로)가 포함됩니다. 사용자는 파일을 읽고, 이미지를 직접 탐색하고, 개발 도구를 열고, Windows 화면 캡처 도구와 같은 아날로그 해결 방법을 사용할 수 있습니다.

+0

본문에서 이미 말한 내용은 :)과 당신은 전혀 대답하지 않습니다. 그는이 작업을 수행하는 방법과 CSS가 작동하지 않는 이유에 대해 몇 가지 제안을했습니다. –

+0

귀하의 초기 의견은 아날로그 구멍을 놓친 중 하나를 해결하지 못했습니다 ... – mikeboensel

+1

왜냐하면 그것은 의견 :) 우리는 코멘트 할 때 완전한 것을 수정할 의무가 없습니다. 그러나 대답을 쓸 때 우리는 질문에 관련 답변을 작성해야하며 단순히 의견을 말하지 않아야합니다.) 그런데 질문은 주제와 다릅니다. –

관련 문제