jquery - jQuery 中的单击事件和鼠标右键单击

Question

单击鼠标右键时是否会触发单击？我想实现一个带有完整日历的右键单击菜单，但它只有 dayClick 事件，我认为只有单击鼠标左键时才会触发该事件。我在想类似的事情

dayClick: function(date, allDay, jsEvent){
    if (jsEvent.button === 1){
         //show menu
    }else{
        //do something with day
    }
}

但是单击鼠标右键时不会触发 dayClick....还有其他想法吗？

Answer 1

尝试将 mousedown 绑定(bind)到 eventRender 事件中的每个 FullCalndar 事件:

var events_array = [{
    title: 'Test1',
    start: new Date(2013, 11, 20)
}, {
    title: 'Test2',
    start: new Date(2013, 11, 21)
}];

$('#mycalendar:not(".fc-event")').on('contextmenu', function (e) {
    e.preventDefault()
})

$('#mycalendar').fullCalendar({
    events: events_array,
    header: {
        left: 'prevYear,prev,next,nextYear today',
        center: 'title',
        right: 'month,agendaWeek,agendaDay'
    },
    eventRender: function (event, element) {
        element.bind('mousedown', function (e) {
            if (e.which == 3) {
                alert('Right mouse button pressed');
            }
        });
    }
});

您可以禁用页面上的右键单击，并让它仅对事件起作用:

$('#mycalendar:not(".fc-event")').on('contextmenu', function(e){ e.preventDefault() })

演示:http://jsfiddle.net/IrvinDominin/3bukS/