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

Sie können dies mit JavaScript tun, indem Sie einen Ereignis-Listener für das Ereignis "contextmenu" hinzufügen und die Funktion preventDefault() Methode:

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

Dies vorausgeschickt: TUN SIE ES NICHT.

Warum? Weil es nichts anderes bewirkt, als die Benutzer zu verärgern. Außerdem verfügen viele Browser über eine Sicherheitsoption, mit der die Deaktivierung des Rechtsklick-(Kontext-)Menüs ohnehin nicht möglich ist.

Ich weiß nicht, warum Sie das wollen. Wenn Sie glauben, dass Sie Ihren Quellcode oder Ihre Bilder auf diese Weise schützen können, irren Sie sich: Das können Sie nicht.

Answer 2

NICHT

Lassen Sie es einfach.

Egal, was Sie tun, Sie können nicht verhindern, dass die Nutzer vollen Zugriff auf alle Daten Ihrer Website haben. Jedes von Ihnen programmierte Javascript kann durch einfaches Deaktivieren von Javascript im Browser (oder durch Verwendung eines Plugins wie NoScript) unwirksam gemacht werden. Darüber hinaus gibt es keine Möglichkeit, die Fähigkeit eines Benutzers zu deaktivieren, einfach den "Quellcode" oder "Seiteninformationen" (oder wget) für Ihre Website anzuzeigen.

Das ist die Mühe nicht wert. Es wird nicht wirklich funktionieren. Es macht Ihre Website aktiv benutzerfeindlich. Sie werden dies bemerken und aufhören, sie zu besuchen. Das bringt keinen Nutzen, sondern nur verschwendete Mühe und verlorenen Verkehr.

Lassen Sie es.

Aktualisierung: Es scheint, dass dieses kleine Thema im Laufe der Zeit ziemlich kontrovers geworden ist. Dennoch bleibe ich bei meiner Antwort auf diese Frage. Manchmal ist die richtige Antwort ein Ratschlag und nicht eine wörtliche Antwort.

Menschen, die auf diese Frage stoßen, in der Hoffnung herauszufinden, wie man benutzerdefinierte Kontextmenüs sollten Sie anderswo suchen, z. B. bei diesen Fragen:

• Erstellen von benutzerdefinierten Rechtsklick-Kontextmenüs für meine Web-Applikation die sich auf jQuery stützt
• Hinzufügen eines benutzerdefinierten Rechtsklick-Menüs zu einer Webseite , das reines Javascript/HTML verwendet

Answer 3

Die ursprüngliche Frage bezog sich darauf, wie man den Rechtsklick vorausgesetzt, der Benutzer kann JavaScript deaktivieren Das klingt ruchlos und böse (daher die negativen Antworten) - aber alle Duplikate leiten hierher um, auch wenn viele der Duplikate weniger böse Absichten verfolgen.

Wie z. B. die Verwendung der Rechtsklick-Schaltfläche in HTML5-Spielen. Dies kann mit dem Inline-Code oben getan werden, oder ein bisschen netter ist etwas wie dieses:

document.addEventListener("contextmenu", function (e){
    e.preventDefault();
}, false);

Wenn Sie jedoch ein Spiel entwickeln, dann denken Sie daran, dass die Rechtsklick-Taste die contextmenu Ereignis - aber es löst auch das reguläre mousedown y mouseup Veranstaltungen zu. Sie müssen also die Ereignisdaten die Eigenschaft, um festzustellen, ob es sich um die linke ( which === 1 ), Mitte ( which === 2 ), oder rechts ( which === 3 ) Maustaste, die das Ereignis auslöst.

Hier ist ein Beispiel in jQuery - beachten Sie, dass das Drücken der rechten Maustaste drei Ereignisse auslöst: das mousedown Ereignis, das contextmenu Ereignis, und die mouseup Veranstaltung.

// With jQuery
$(document).on({
    "contextmenu": function (e) {
        console.log("ctx menu button:", e.which); 

        // Stop the context menu
        e.preventDefault();
    },
    "mousedown": function(e) { 
        console.log("normal mouse down:", e.which); 
    },
    "mouseup": function(e) { 
        console.log("normal mouse up:", e.which); 
    }
});

Wenn Sie also die linke und die rechte Maustaste in einem Spiel verwenden, müssen Sie einige bedingte Logik in den Maus-Handlern ausführen.

Answer 4

Wenn es Ihnen egal ist, dass der Benutzer jedes Mal, wenn er versucht, mit der rechten Maustaste zu klicken, eine Meldung erhält, fügen Sie Folgendes zu Ihrem Body-Tag hinzu

<body oncontextmenu="return false;">

Dadurch wird jeglicher Zugriff auf das Kontextmenü (nicht nur über die rechte Maustaste, sondern auch über die Tastatur) blockiert.

Wie bereits in den anderen Antworten erwähnt, ist es jedoch wirklich sinnlos, eine Rechtsklickunterdrückung hinzuzufügen. Jeder, der über grundlegende Browser-Kenntnisse verfügt, kann die Quelle einsehen und die benötigten Informationen extrahieren.

Answer 5

Wenn Sie ein Jquery-Fan sind, verwenden Sie diese

    $(function() {
        $(this).bind("contextmenu", function(e) {
            e.preventDefault();
        });
    });