FullCalendar 上下文菜单答案

【问题标题】：FullCalendar Context MenuFullCalendar 上下文菜单
【发布时间】：2020-03-07 05:36:47
【问题描述】：

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

在这个例子中，我尝试使用带有 React 组件的 FullCalendar，我也尝试使用 vanilla javascript 版本并遇到了同样的问题。

这是我的沙盒

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

【问题讨论】：

【解决方案1】：

我设法通过一种解决方法解决了这个问题，方法是获取右键单击事件的坐标并相应地重新定位菜单。

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

【讨论】：