使用jQuery绑定右键单击事件？

Question

我想绑定一个函数到鼠标右键点击事件上。使用jQuery UI能够实现吗？

- kenwarner

Answer 1

虽然在http://api.jquery.com/bind/上没有列出，但 'contextmenu' 事件似乎正常工作。

$('.rightclickable').bind('contextmenu', function() {
    // right-click!
});

- kenwarner

---

bind已被弃用，现在应该使用.on()。 - James Bellaby

Answer 2

虽然不能直接检测，但你可以在普通的mousedown事件处理程序中使用事件对象的which属性来检查按下了哪个鼠标按钮:

$("#someElem").mousedown(function(e) {
    if(e.which == 3) {
        //Right click!
    }
});

这里有一个与上述相关的工作示例。

- James Allardice

Answer 3

$(document).bind('contextmenu',function(){
    return false;
});
$.fn.extend({
    "rightClick": function(fn){
        $(this).mousedown(function(e){
            if (3 == e.which) {
                fn();
            }
        });
    }
});
$(function(){
    $('selector').rightClick(function(){
        // defined your right click event here!
    });
}); 

- macropan

Answer 4

尝试一下

$(document).ready(function(){
    $(document).bind("contextmenu",function(e){
        //your
    });
});

- Douglas FG