javascript - 如何在按键/击键中检测鼠标X/Y

我想在用户按下键时将光标图像更改为动画gif。

我试图更改css的“光标”属性，但它没有移动...

所以我想用背景图像制作一个div并将其放置在我的光标X / Y位置。

到目前为止，我试图做的是：

var xPlace;
var yPlace;

$(document).mousemove(function(eventParent) {
    xPlace = eventParent.pageX;
    yPlace = eventParent.pageY;
});

$(document).keydown(function(event) {
    if (event.keyCode == 109) {
        $("body").addClass("accessibility_cursordetect");
        var cursorDetect = '<div class="accessibility_cursordetect_img"></div>';
        $(cursorDetect).appendTo("body");
        $(".accessibility_cursordetect_img").css({
            "top": yPlace,
            "right": xPlace
        });
    }
});

问题是-在我的keydown函数中-xPlace＆yPlace返回“未定义”

当用户按下特定键（例如“ m” = keyCode = 109）时，如何检测光标的x / y位置？

谢谢。

最佳答案

考虑到您已经有jQuery来添加body类，您应该能够通过以下方式使用“ cursor”属性来更改光标图像（在此示例中使用个人资料照片）：

.accessibility_cursordetect{
     cursor: url(https://www.gravatar.com/avatar/9b2dfec811b4643164cba1fd1f244404?s=32&d=identicon&r=PG), auto;
}