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

html - FullCalendar上下文菜单-LMLPHP

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

这是我的沙盒

https://codesandbox.io/s/fullcalendar-react-7nggi?fontsize=14

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

最佳答案

通过设法获得右键单击事件的坐标并相应地重新放置菜单,我设法解决了此问题。

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

07-24 09:50
查看更多