Question

我正在尝试使用一个小的context menu library来为事件提供上下文菜单，但是，菜单位置始终显示在底角，而不是通过发生“右键单击”事件来显示。

在此示例中，我尝试将FullCalendar与React组件一起使用，也尝试使用香草javascript版本并遇到相同的问题。

这是我的沙盒

关于如何解决此问题的任何想法？

Answer 1

我设法采取了一种解决方法，通过获取右键单击事件的坐标并相应地重新放置菜单来解决此问题。

$('.fc-event').on('contextmenu', function (e) {
  $('.bootstrapMenu').offset({ top: e.pageY, left: e.pageX })
});