在jQuery中单击事件并单击鼠标右键 [英] click event in jQuery and right mouse clicking

问题描述

点击鼠标右键时点击触发吗？我想用完整的日历实现一个右键单击的菜单，但它只有dayClick事件，我认为它只在单击鼠标左键时触发。我正在考虑像

  dayClick：function（date，allDay，jsEvent）{
 if（jsEvent.button = == 1）{
 //显示菜单
}其他{
 //在某天做某事
} 
} 
  

但点击鼠标右键时不会触发dayClick ....任何其他想法？ 尝试为<$ c $> mousedown 绑定到您的<$ c中的每个FullCalndar事件 $ c> 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今天'，
 center：'title'，
 right：'month，agendaweek，agendaDay'
}，
 eventRender：function（event，element）{
 element .bind（'mousedown'，function（e）{
 if（e.which == 3）{
 alert（'right right button pressed'）; 
} 
} ）; 
} 
}）; 
  

您可以在页面上禁用右键单击，并让它仅对事件使用以下操作：

$ （'.menu'，function（e）{e。}）。（b）
$ b

  $（'＃mycalendar：not（。fc-event）'）。 preventDefault（）}）
  

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

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 triggered only when left mouse button is clicked. I was thinking something like

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

but dayClick isn't triggered when right mouse is clicked....Any other ideas?

解决方案

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/

这篇关于在jQuery中单击事件并单击鼠标右键的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！