如何用jQuery区分鼠标左键和右键 [英] How to distinguish between left and right mouse click with jQuery

问题描述

如何使用jQuery获取点击的鼠标按钮？

How do you obtain the clicked mouse button using jQuery?

$('div').bind('click', function(){
    alert('clicked');
});

这是由左右键单击触发，能够捕捉到鼠标右键的方式是什么点击？如果存在以下内容，我会很高兴：

this is triggered by both right and left click, what is the way of being able to catch right mouse click? I'd be happy if something like below exists:

$('div').bind('rightclick', function(){ 
    alert('right mouse button is pressed');
});

推荐答案

从jQuery版本1.1.3开始， event.which 规范化 event.keyCode 和 event.charCode 所以你不要不必担心浏览器兼容性问题。 有关 event.which 的文档

As of jQuery version 1.1.3, event.which normalizes event.keyCode and event.charCode so you don't have to worry about browser compatibility issues. Documentation on event.which

event.which 分别为左，中，右鼠标按钮分别提供1,2或3个：

event.which will give 1, 2 or 3 for left, middle and right mouse buttons respectively so:

$('#element').mousedown(function(event) {
    switch (event.which) {
        case 1:
            alert('Left Mouse button pressed.');
            break;
        case 2:
            alert('Middle Mouse button pressed.');
            break;
        case 3:
            alert('Right Mouse button pressed.');
            break;
        default:
            alert('You have a strange Mouse!');
    }
});

这篇关于如何用jQuery区分鼠标左键和右键的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！