如何解决javascript FullCalendar eventClick info.jsEvent.preventDefault;工作不正常
我一直在尝试使这段JavaScript正常运行,但无济于事。当前,代码应阻止当前页面跟随链接并在另一个选项卡/页面中打开。当前正在发生的是正在打开一个新页面,并跟随链接,但是当我返回原始页面时,它将加载链接并保留在该页面上。为什么会发生这种现象?请参阅下面的代码。
<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();
});
解决方法
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。