Question

我正在使用fullcalendar并且在点击特定时间单元格时我打开了一个颜色框，当用户双击相同的单元格导致同一页面在彩色框中出现两次时，就会出现问题。

在Chrome中执行并在特定时间双击时输出以下代码为 -

一天点击发生了做出选择发生的一天点击发生选择

$('#calendar').fullCalendar({
        header: {
            left: 'prev,next',
            center: 'title',
            right: ''
        },
        height: 500,
        defaultView: 'agendaWeek',
        minTime: 0,
        firstHour : 9,
        maxTime: 24,
        firstDay : 1,
        allDaySlot: false,
        axisFormat: 'H:mm',
        timeFormat: 'HH:mm{-HH:mm}',
        disableDragging: true,
        eventClick: function(calEvent, jsEvent, view) {
          console.log('event clicked');
        },
        selectable: true,
        eventSources : [
                        {
                            url : '/XXX/yyyyy',
                            editable : true,
                            allDayDefault : false
                        }
        ],
        eventRender: function(event, element) {
             element.bind('dblclick', function() {         
                 console.log('dbl clicked');
             });
             element.draggable = false;
             event.editable = false;

        },
        select: function(start,end,title,jsEvent) {
            console.log('selection is made');
        } ,
        dayClick: function(start,end,event,element) {
            console.log('day click happened');
        },
        eventMouseover: function(calEvent, jsEvent) {
             console.log('event mouse over');
        },
        eventMouseout: function(calEvent, jsEvent) {
             console.log('event mouse out');        
        },

    });

    $('#calendar').fullCalendar();

    <div id='calendar'>
</div>

我正在寻找防止双击的解决方案。

Answer 1

打开后，您可以检查页面是否已打开，并在此情况成立时忽略该单击。关闭页面时，您需要重置打开状态，以便打开其他内容。希望这有帮助

FullCalendar - 处理双击事件

1 个答案: