JQuery在正文点击

Question

JSFiddle Demo

我想在我的页面上添加两个右击劫持菜单，我上面有一个工作。

类似于点击.square内部时，无论右击还是左击，我都希望此菜单隐藏在正文上。

如何在点击身体时隐藏此菜单？

Answer 1

尝试以下代码。

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

右键单击下面的代码。

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