Wie kann ich den Rechtsklick auf meiner Webseite deaktivieren?

Question

Kann ich den Rechtsklick auf meiner Webseite deaktivieren, ohne JavaScript zu verwenden? Ich frage das, weil die meisten Browser dem Benutzer erlauben, JavaScript zu deaktivieren.

Wenn nicht, wie kann ich JavaScript verwenden, um den Rechtsklick zu deaktivieren?

Answer 1

Wenn Sie verhindern wollen, dass Benutzer Ihre Bilder einfach speichern, können Sie auch prüfen, ob das angeklickte Ziel ein Bild ist, und nur in diesem Fall den Rechtsklick deaktivieren. So kann der Rechtsklick für andere Zwecke verwendet werden. Aus dem obigen Code entnommen:

document.addEventListener("contextmenu", function(e){
    if (e.target.nodeName === "IMG") {
        e.preventDefault();
    }
}, false);

Dies ist nur der einfachste Weg, um Ihre Bilder zu speichern, aber es ist immer noch machbar.

Answer 2

Erstens können Sie dies nicht erreichen, ohne eine clientseitige Funktion zu verwenden. Hier läuft das Javascript.

Zweitens, wenn Sie versuchen zu kontrollieren, was ein Endnutzer auf Ihrer Website konsumieren kann, dann müssen Sie überdenken, wie Sie diese Informationen anzeigen. Ein Bild hat eine öffentliche URL, die über HTTP abgerufen werden kann, ohne dass ein Browser erforderlich ist.

Durch die Authentifizierung kann kontrolliert werden, wer Zugang zu welchen Ressourcen hat.

Eingebettete Wasserzeichen in Bildern können beweisen, dass das Bild von einer bestimmten Person/Firma stammt.

Letzten Endes ist die Ressourcenverwaltung in Wirklichkeit die Verwaltung von Nutzern/Gästen.

Die erste Regel des Internets lautet: Wenn du nicht willst, dass es aufgenommen wird, mach es nicht öffentlich!

Die zweite Regel des Internets: Wenn du nicht willst, dass es aufgenommen wird, stelle es nicht ins Internet!

Answer 3

Wenn Sie verhindern wollen, dass jemand Ihre Bilder herunterlädt, ist die Deaktivierung der rechten Maustaste, wie die meisten gesagt haben, ziemlich unwirksam.

Angenommen, Sie wollen Bilder schützen, dann sind die alternativen Methoden -

Mit einem Flash-Player können die Benutzer sie nicht als solche herunterladen, aber sie können leicht eine Bildschirmaufnahme machen.

Wenn Sie es noch komplizierter haben wollen, machen Sie das Bild zum Hintergrund eines Divs, das ein transparentes Bild enthält, à la -

<div style="background-image: url(YourImage.jpg);">
   <img src="transparent.gif"/>
</div>

reicht aus, um den gelegentlichen Diebstahl Ihrer Bilder zu verhindern (siehe unten für ein Beispiel), aber wie bei allen diesen Techniken ist es trivial, sie mit einem Grundverständnis von HTML zu umgehen.

Answer 4

Sie können nicht erreichen, was Sie verlangen, ohne Javascript zu verwenden. Jede andere Technologie, die Sie verwenden möchten, kann nur dabei helfen, die Webseite auf der Serverseite zu erstellen und an den Browser zu senden.

Es gibt einfach keine gute Lösung, und es gibt keine Lösung ohne Javascript.

Answer 5

Wenn Sie nur den Rechtsklick deaktivieren möchten für Bilder speichern auf der Webseite, verwenden Sie diese CSS-Lösung:

your-img-tag {
  pointer-events: none;
}

Vor der Implementierung auf demselben Bild:

Nach der Implementierung in dasselbe Bild:

Getestet, ob sie in beiden Chrom y Firefox .