光标不进入上下文菜单选项

Question

我在mouseleave和mouseenter中遇到问题。我有一个图像，当我拿走鼠标时，它会显示上下文菜单。我的问题是我无法让我的鼠标进入上下文菜单，以便我可以选择它的选项。当我离开图像时，上下文菜单关闭。我想要一个代码，当我拿走我的鼠标悬停在图像上方，上下文菜单显示，当我尝试将鼠标放在上下文菜单中时，上下文菜单不会消失。

这是我的代码： -

  var boolMouseEnter = false;
function ShowMenuItemsOnMouseEnter() {

$("img.showActionMenu").on('mouseenter', function (e) {

    var itemId = $(this).closest("li").attr("id");

    $('#' + itemId).trigger({ type: 'mousedown', button: 2 }).
        trigger({ type: 'mouseup', pageX: e.pageX-5, pageY: e.pageY-10 });
});

boolMouseEnter = $("#ulPackage,#ulRemoveAll,#ulRemove,#ulSort").is('mouseenter');


$("img.showActionMenu").on('mouseleave', function (e) {
    if (!boolMouseEnter) {

        $(document).trigger('click');
    }
});
}

ulPackage，ulRemove，ulRemoveAll，ulSort都是＆＃34; ul＆＃34;上下文菜单的ID。

先谢谢!!