javascriptfullcalendarfullcalendar-2

Detect click on background event


I have a Fullcalendar calendar and I add on it some background events. Those background events represent slots that cannot be clicked or dragged into. Is there a way to detect this (that the user clicked on a background event)?


Solution

  • Background event is rendered as a DIV with the class name fc-bgevent.

    My code for detecting the click background event is:

    element.fullCalendar({ 
        ...
        dayClick: function(date, jsEvent, view) {
            if (jsEvent.target.classList.contains('fc-bgevent')) {
                alert('Click Background Event Area');
            }
        },
        ...
    });