Is there a close event for the browser contextmenu

red-X picture red-X · Oct 9, 2012 · Viewed 8.1k times · Source

I'm catching the contextmenu event using jQuery like this:

$(document.body).on("contextmenu", function(e){
    //do stuff here
});

So far, so good. Now I want to execute some code when it closes but I can't seem to find a correct solution for this.

Using something like the following would catch some of the cases, but not nearly all:

$(document.body).on("contextmenu click", function(e){});

It wouldn't be executed when:

  • the browser loses focus
  • an option in the contextmenu is chosen
  • the user clicks anywhere in the browser that's not on the page

note: I'm not using a jQuery context menu, I'm just using it to catch the event.

Answer

Anoop picture Anoop · Oct 9, 2012

Following code may help you. jsfiddle

var isIntextMenuOpen ;
$(document).on("contextmenu", function(e){

    isIntextMenuOpen = true;
});
function hideContextmenu(e){
       if(isIntextMenuOpen ){
            console.log("contextmenu closed ");
       }

     isIntextMenuOpen = false;
}
$(window).blur(hideContextmenu);

$(document).click(hideContextmenu);