JQuery ausblenden Kontextmenü auf Körper klicken - Javascript, jquery

JSFiddle-Demo

Ich möchte meiner Seite zwei Rechtsklick-Hijack-Menüs hinzufügen, von denen eines oben funktioniert.

Genau wie beim Klicken in .square, Ich möchte, dass dieses Menü beim Klicken auf den Körper ausgeblendet wird, unabhängig davon, ob Sie mit der rechten oder linken Maustaste klicken.

Wie kann ich dieses Menü beim Klicken auf den Körper ausblenden?

Antworten:

Probieren Sie den folgenden Code aus.

 jQuery(document).click(function(event) {
if (jQuery(event.target).closest(".square").length === 0) {
//hide your menu here
jQuery(".custom-menu").hide();
}
});

Für einen Rechtsklick fügen Sie den folgenden Code hinzu.

jQuery(document).on("contextmenu",function(e){
if (jQuery(event.target).closest(".square").length === 0) {
$(".custom-menu").hide();
}
});