0

ダブルクリックだけのイベントを作成したいのですが、試したサンプルコードは以下の通りです。

$('#calendar').fullCalendar({
    header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay'
    },
    defaultView: 'agendaDay',
    defaultDate: '2016-09-07',
    allDaySlot: false,
    slotEventOverlap: false,
    editable: true,
    selectable: true,
    select: function(start, end, jsEvent, view) {           
        alert('selected');
    },
    dayClick: function( date, jsEvent, view, resource ) {
        slotDate = date;   
    },
    eventLimit: true, // allow "more" link when too many events
    { id: 'a', title: 'Room A' },
            { id: 'b', title: 'Room B', eventColor: 'green' },
            { id: 'c', title: 'Room C', eventColor: 'orange' },
            { id: 'd', title: 'Room D', eventColor: 'red' }
        ],
        events: [
            { id: '1', resourceId: 'a', start: '2016-09-06', end: '2016-09-08', title: 'event 1' },
            { id: '2', resourceId: 'a', start: '2016-09-07T09:00:00', end: '2016-09-07T14:00:00', title: 'event 2' },
            { id: '3', resourceId: 'b', start: '2016-09-07T12:00:00', end: '2016-09-08T06:00:00', title: 'event 3' },
            { id: '4', resourceId: 'c', start: '2016-09-07T07:30:00', end: '2016-09-07T09:30:00', title: 'event 4' },
            { id: '5', resourceId: 'd', start: '2016-09-07T10:00:00', end: '2016-09-07T15:00:00', title: 'event 5' }
        ]
});
var slotDate; 
$("#calendar").dblclick(function() {            
    if(slotDate){           
        $('#calendar').fullCalendar( 'select', slotDate);
    }
});
$("#calendar").click(function(e) {
    e.preventDefault();
    e.stopPropagation();
});

ダブルクリックから選択を起動しようとしました。カレンダー全体の選択イベントをダブルクリックでのみ起動するにはどうすればよいですか?シングルクリックを使用して他の機能を実装することは可能ですか?

4

0 に答える 0