javascript - jQuery onClick 自定义上下文菜单

Question

我有一个自定义右键单击上下文菜单，当右键单击页面时会显示该菜单。在右键单击事件之后，如果用户单击页面，则上下文菜单将被隐藏。我需要解决的问题是，如果用户单击上下文菜单(选择下拉菜单)，则上下文菜单会被 jQuery onClick 事件隐藏。有什么方法可以识别被单击元素的 div，以便我可以决定是否从那里隐藏菜单？

    $('body').on('contextmenu', options.contextMenu.graphName, function (event) {
        showContextMenu(event);
    });
    $(document).bind('click', function (event) {
        //if(event.targetDiv.id != '#graphMenu') <- Is something like this possible?
               $('#graphMenu').hide();
    });

Answer 1

有一些方法可以实现这一点，但我知道的最好的方法是在菜单悬停时添加一个标志，并在鼠标离开菜单时将其移除:

$('#graphMenu')
  .mouseenter(function(e) {
    $(this).data('hovered', true);
  })
  .mouseleave(function(e) {
    $(this).data('hovered', false);
  });

$('body').on('contextmenu', options.contextMenu.graphName, function (event) {
  showContextMenu(event);
});

$(document).bind('click', function (event) {
  if (!$('#graphMenu').data('hovered'))
    $('#graphMenu').hide();
});