Detect click on background event

Question

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)?

Answer 1

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');
        }
    },
    ...
});