Lassen Sie uns darüber sprechen, wie Sie mit jquery das Rechtsklickmenü von Bildern deaktivieren-Front-End-Fragen und Antworten-php.cn

Lassen Sie uns darüber sprechen, wie Sie mit jquery das Rechtsklickmenü von Bildern deaktivieren

PHPz

Freigeben： 2023-04-10 10:30:19

Original

795 Leute haben es durchsucht

Benutzer, die das Rechtsklick-Menü bestimmter Bilder auf Webseiten deaktivieren möchten, können dies über einen JQuery-Code tun. In diesem Artikel werden einige Methoden vorgestellt, die Ihnen helfen, das Bild-Rechtsklickmenü mit JQuery zu deaktivieren.

Zuerst müssen wir die JQuery-Bibliothek importieren. Fügen Sie im HTML-Head-Tag den folgenden Code hinzu:

<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>

Nach dem Login kopieren

Als nächstes müssen wir die ID oder Klasse des Bildes finden, das das Rechtsklick-Menü deaktivieren muss Wir möchten deaktivieren, ist myImage. In JQuery könnte der Code zum Deaktivieren des Rechtsklickmenüs wie folgt aussehen:

$("#myImage").on("contextmenu", function() {
return false;
});

Nach dem Login kopieren

Wenn dementsprechend die Klasse einer Gruppe von Bildern deaktiviert werden muss, könnte der Code wie folgt aussehen:

$(".myImage").on("contextmenu", function() {
return false;
});

Nach dem Login kopieren

#🎜 🎜#In der ersten Codezeile verwenden wir den Selektor von JQuery, um Bilder mit einer bestimmten ID oder Klasse auszuwählen. Als nächstes wenden Sie das „contextmenu“-Ereignis in JQuery an und weisen es dem ausgewählten Bild zu. In diesem Beispiel verwenden wir „return false“, um dem Browser mitzuteilen, dass er das angezeigte Rechtsklickmenü abbrechen soll. Beachten Sie, dass der Ereignisname „contextmenu“ in Kleinbuchstaben geschrieben wird, was sich von der Schreibweise anderer Ereignisnamen unterscheidet.

Abschließend müssen wir außerhalb des gesamten JQuery-Codeblocks den Code in eine fertige Funktion einfügen, um sicherzustellen, dass der Code ausgeführt wird, nachdem das Dokument geladen wurde. Der Code kann wie folgt geschrieben werden:

$(document).ready(function() {
  $("#myImage").on("contextmenu", function() {
    return false;
  });
});

Nach dem Login kopieren

Hier verwenden wir eine anonyme Funktion als Parameter, der von der ready()-Funktion von jQuery benötigt wird, die ausgeführt wird, nachdem alle Elemente im Dokument geladen wurden.

Zusammenfassend kann der Code für JQuery zum Deaktivieren des Rechtsklickmenüs eines Bildes wie folgt aussehen:

<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
  $(&quot;#myImage&quot;).on(&quot;contextmenu&quot;, function() {
    return false;
  });
});
</script>

Nach dem Login kopieren

Ersetzen Sie in Ihrem HTML-Code myImage durch das von Ihnen angezeigte Bild Wenn Sie das Rechtsklick-Menü von ID oder Klasse deaktivieren möchten, reicht dies aus. Durch die Verwendung von JQuery haben Sie jetzt gelernt, das Rechtsklick-Menü eines bestimmten Bildes zu deaktivieren. Ich hoffe, dieser Artikel war hilfreich!

Das obige ist der detaillierte Inhalt vonLassen Sie uns darüber sprechen, wie Sie mit jquery das Rechtsklickmenü von Bildern deaktivieren. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!