These docs are for an old release. Info on upgrading to v4
edit doc


Triggered when the user clicks an event.

function( event, jsEvent, view ) { }

event is an Event Object that holds the event’s information (date, title, etc).

jsEvent holds the jQuery event with low-level information such as click coordinates.

view holds the current View Object.

Within the callback function, this is set to the event’s <div> element.

Here is an example demonstrating all these variables:

  eventClick: function(calEvent, jsEvent, view) {

    alert('Event: ' + calEvent.title);
    alert('Coordinates: ' + jsEvent.pageX + ',' + jsEvent.pageY);
    alert('View: ' +;

    // change the border color just for fun
    $(this).css('border-color', 'red');


eventClick will not be triggered for background events.

View a simple demo of eventClick.

Return Value

Normally, if the Event Object has its url property set, a click on the event will cause the browser to visit the event’s url (in the same window/tab). Returning false from within your function will prevent this from happening.

Often, developers want an event’s url to open in a different tab or a popup window. The following example shows how to do this:

  events: [
      title: 'My Event',
      start: '2010-01-01',
      url: ''
    // other events here
  eventClick: function(event) {
    if (event.url) {;
      return false;

The function can take many other options.