如何区分“使用鼠标右键单击”和“在物理键盘上按上下文菜单键”

Question

如何区分使用鼠标右键单击和物理键盘上的上下文菜单按键？

使用此代码我尝试在控制台中打印事件

$('#'+inputId).bind('contextmenu', function(e) {
    console.log(e);
});

我抓取了上述代码的一些输出 -

使用鼠标右键单击是-

1. 按钮：2
2. 原始事件：鼠标事件
3. 类型：“上下文菜单”
4. 其中：3

对于键盘上的上下文菜单键，它是-

1. 按钮：2
2. 原始事件：鼠标事件
3. 类型：“上下文菜单”
4. 其中：3

我只想在物理键盘上按下“上下文菜单键”时执行某些操作。我该如何实现这一目标？

Answer 1

这将帮助您捕捉差异：工作演示 http://jsfiddle.net/pPnME/1/

我已经在 Alienware - Chrome 上对此进行了测试，当您右键单击时，您将看到右键单击警报，否则在键盘上您将看到键盘警报。

请注意：您可以根据

which

属性来识别点击：http://api.jquery.com/event.which/

对于按键或鼠标事件，该属性指示特定的按键或鼠标事件 按下的按钮。

另请注意，很少有插件可用于获取快捷方式，但我建议坚持使用基本功能并使用我给出的演示，如果它只是为了分别捕获两个事件，那么剩下的演示就可以玩了:)

代码

/*
  1 = Left   Mousebutton
  2 = Centre Mousebutton
  3 = Right  Mousebutton
*/
$('input').mousedown(function(e) {
    if (e.which === 3) {
        alert('rightclick'); /* Right Mousebutton was clicked! */
    }
});
$('input').bind('contextmenu', function(e) {
    alert('keyboard yeah');
    //console.log(e);
});​

Answer 2

您还可以检查是否按下了某个键

keyPressed

是事件。

如果没有，是鼠标事件，如果是，是上下文菜单键

编辑：contextMenu 的键码是 93