FullCalendar - 同一选项卡上的 EventClick url？答案

【问题标题】：FullCalendar - EventClick url on the same tab?FullCalendar - 同一选项卡上的 EventClick url？
【发布时间】：2020-03-21 03:03:04
【问题描述】：

我正在为一个项目使用 Fullcalendar，当我使用 URL 进行事件点击时，它会在新选项卡上打开它。我希望它只在同一页面上重定向用户。

在我的代码中，我使用：

        eventClick: function(event) {
            if (event.url) {
                window.open(event.url, "_self");
                return false;
            }
        },

但它不起作用

我删除了这个功能。但是，我使用侦听器从数据库中获取我的事件，在 PHP 中。

对于我的活动，我设置了这样的“url”选项：

$absenceEvent->addOption(
                    'url',
                    $this->router->generate('absences_prevision_edit', [
                        'id' => $absence->getId(),
                    ])
                );

它有效，但它也打开了一个新标签，我只想要一个“重定向”

【问题讨论】：

您可以删除整个代码。正如documentation 所提到的，fullCalendar 将自动处理对具有 URL 属性的事件的点击，并自动将浏览器导航到该新 URL
P.S.如果您确实需要在 eventClick 中使用您自己的代码来执行此任务，您只需使用 window.location 而不是 window.open。 stackoverflow.com/questions/503093/…

标签： javascript url redirect fullcalendar

【解决方案1】：

您应该添加一个方法来阻止浏览器跟踪当前选项卡中的链接。这是我使用的代码，它运行良好。

eventClick: function(info) {
    if (info.event.url) {
        window.open(info.event.url);
        info.jsEvent.preventDefault();
    }
}

【讨论】：