HTMLページのドラッグ＆ドロップを無効にしますか？

著作権のある画像が掲載されているウェブサイトがあるとします。あなたは間違いなく誰もがこれらを使用することを望んでいないが、あなたのウェブサイト上のすべての画像にウォーターマークを付けることも望まない。HTMLページのドラッグ＆ドロップを無効にしますか？

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

と私も無効にドラッグ&ドロップを持っています：

<html ondragstart="return false;">

をしかし、私は、ユーザーは次のようになり考え出し

私はJSを使用して無効に右クリックを持っている私のコンテンツを保存できないようにするにはブラウザでJavaScriptをオフにしても、その2つの機能を使用することができます。だから私は（このサイトで見つけた）CSSを使用して、以下を試してみました：

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

残念ながら、これは、まったく動作しません...今、私は次のことをオフにする最良の方法を探しています：

テキスト
を右クリックし選択し
ドラッグ＆ドロップ&

誰もがsuggeを持っています私のためのstions？

出典

2017-12-15 Eloy Millennia Gotjé

ブラウザにページを読み込むと、あなたはいつでもイメージとテキストを得ることができます –

ありがとう、私はそれを理解しています。しかし、私のCSSで何が間違っていますか？どのように動作しませんか？ –

実際の例を提供してください... – andreas

-1

ユーザーがイメージをコピーするのを防ぐことはできません。イメージをあまり利便性の低いものにすることはできません。あなたがこの予防にどれくらいの労力をかけたいかを決定することです。

あなたが使用している方法では洗練されていないユーザーを防ぐことができますが、イメージにはhref（ブラウザのファイルパス）が含まれます。ユーザーは、ファイルをWGETして、直接画像を参照したり、Devツールを開いたり、Windowsのスクリーンスニップツールのようなアナログ回避策を使用したりすることができます。

出典

2017-12-15 19:37:36 mikeboensel

あなたのコメントはすでにコメントされています:)あなたは全く質問に答えていません。彼はこれをどうやって行うのか、CSSがうまくいかない理由についていくつか提案しました。 –

あなたの最初のコメントは、アナログの穴を逃して、それに対処しなかった... – mikeboensel

それはコメントです：コメントするときに完全なものを修正する義務はありません。しかし、回答を書くときには、単に質問に関連する回答を書かなければならず、単純にコメントするのではなく）; ところで質問は話題にはなりません。 –

HTMLページのドラッグ＆ドロップを無効にしますか？

答えて

関連する問題