click event in jQuery and right mouse clicking

前端 未结 2 1849
半阙折子戏
半阙折子戏 2021-02-09 09:41

Does click trigger when right mouse button was clicked? I want to implement a right click kind of menu with full calendar, but it only has dayClick event, which I think is trigg

相关标签:
2条回答
  • 2021-02-09 09:55

    Your answer is No, click doesn't trigger when right mouse button is clicked, but you can try mousedown event, check this out:

    jQuery(document.body).on("mousedown", function(event){
        if(event.button==2){
            //do what you want
        }
    });
    
    0 讨论(0)
  • 2021-02-09 10:00

    Try binding mousedown to each FullCalndar event in your eventRender event:

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

    You can disable right click on page and let it act only on events using:

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

    Demo: http://jsfiddle.net/IrvinDominin/3bukS/

    0 讨论(0)
提交回复
热议问题