javascript FullCalendar eventClick info.jsEvent.preventDefault(); 無法正常工作

Question

我一直試圖讓這塊 JavaScript 正常工作，但無濟於事。 目前，代碼應該阻止當前頁面跟隨鏈接並在另一個選項卡/頁面中打開。 當前正在發生的是一個新頁面正在打開並且鏈接被跟蹤但是當我 go 回到原始頁面時，它會在它應該留在頁面上時加載鏈接。 為什么會發生這種行為？ 請參閱下面的代碼。

 <link href='https://unpkg.com/@fullcalendar/core@4.3.1/main.min.css' rel='stylesheet' /> <link href='https://unpkg.com/@fullcalendar/daygrid@4.3.0/main.min.css' rel='stylesheet' /> <link href='https://unpkg.com/@fullcalendar/timegrid@4.3.0/main.min.css' rel='stylesheet' /> <script src='/assets/js/demo-to-codepen.js'></script> <script src='https://unpkg.com/@fullcalendar/core@4.3.1/main.min.js'></script> <script src='https://unpkg.com/@fullcalendar/interaction@4.3.0/main.min.js'></script> <script src='https://unpkg.com/@fullcalendar/daygrid@4.3.0/main.min.js'></script> <script src='https://unpkg.com/@fullcalendar/timegrid@4.3.0/main.min.js'></script> <script> document.addEventListener('DOMContentLoaded', function() { var calendarEl = document.getElementById('calendar'); var calendar = new FullCalendar.Calendar(calendarEl, { plugins: [ 'interaction', 'dayGrid', 'timeGrid' ], defaultView: 'dayGridMonth', eventColor: '#03a9f3', eventTextColor: 'white', header: { left: 'prev,next today', center: 'title', right: 'dayGridMonth,timeGridWeek,timeGridDay' }, editable: false, events: [ { title: 'TEST URL', url: 'http://google.com/', start: '2019-12-12T16:00:00' }, ], eventClick: function(info) { info.jsEvent.preventDefault(); // don't let the browser navigate if (info.event.url) { window.open(info.event.url); } } }); calendar.render(); });

Answer 1

我剛剛在codesandbox上對其進行了測試，它工作正常，或者我可能不明白問題出在哪里。