鼠标右击事件

时间:2021-09-22 20:35:53

鼠标左击事件是我们常常遇到的,那么,如何写一个鼠标右击事件呢?

通常,鼠标有三个键:左键(1)、中键(2)、右键(3),jQuery通过e.which即可判断点击了哪一个按键,如果不通过e.which判断,则默认点击了鼠标左键。例如:

$('.btn').mousedown(function(e){
    if(3 == e.which){
        alert('这是右键单击事件');
    }else if(1 == e.which){
        alert('这是左键单击事件');
    } else{
        alert('这是中键单击事件');
    }
})

浏览器会有一个默认的鼠标右键事件:弹出一个菜单栏(不好截图,刚按截图快捷键,菜单就消失了。。。),此时,若想弹出我们自定义的菜单栏,就要阻止默认的右击事件。

$(document).ready(function(){
    $(document).unbind("contextmenu").bind("contextmenu",function(e){
        return false;
    });
});
如果想恢复鼠标右击事件,只需将return false改为true。