javascript - FadeIn Div 在按键上的鼠标光标 [Javascript/JQuery]

Question

我正在尝试在访问者按下键盘上的 ctrl+m(m 表示菜单，据我所知，ctrl+m 在大多数浏览器中都没有被绑定(bind))。这样，无论他们在我的网站上的任何位置，无论他们的鼠标在哪里，他们都可以通过按下该组合键来调出菜单，然后返回到他们想去的地方。同时，直到他们按下按键才显示菜单，这让我可以完全控制设计体验，而不必担心导航菜单。

我已将我在此处找到的两段不同的代码放在一起，试图自己执行此操作，但我遇到了一个意外问题。

1. 我不确定如何在事件处理程序中表示 ctrl+m 组合键。
2. 我在代码检查器上遇到了一些错误，我不确定如何修复自己。
3. 我不确定如何使菜单出现在 ctrl+m 上，并一直停留在那里直到再次按下 ctrl+m(切换开关)。

我仍在学习 Javascript 的工作原理。

这是我目前取得的进展的链接:http://jsfiddle.net/nrz4Z/

Answer 1

在您的示例中，您将 mousemove 处理程序绑定(bind)到 keypress 处理程序中。您需要分别执行它们:

var mouseX;
var mouseY;
$(document).ready(function () {

    $(document).mousemove(function (e) {
        mouseX = e.pageX;
        mouseY = e.pageY;
    });

    $(document).keypress(function (event) {
        if (event.which == 109) {
            $('#examples').css({
                'top': mouseY,
                'left': mouseX
            }).fadeIn('slow');
        };
    });
});

这应该允许您获得显示菜单的位置。