鼠标右击事件

Posted 2020-08-16 星星眨眼

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

通常，鼠标有三个键：左键(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。