2016-07-19 44 views
1

我想改变我的光标图像动画GIF 键时,用户按下鼠标的x/y。如何检测按键/ KEYDOWN

我试图更改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返回 “未定义”

如何检测的X/Y位置我的光标,当用户按下特定的键(“m”例如= keyCode = 109)?

谢谢。

+0

正常工作对我来说:https://jsfiddle.net/zeun4tqu/我没有得到的keydown不确定,请注意虽然我没有改变'right'到'left'对CSS和添加的代码,使之举与老鼠。你能举一个你未定义的工作例子吗? –

+0

它不适合我!添加“警报”的keydown代码 - 它不提醒... - X –

回答

0

您应该能够使用“光标”属性通过以下方式来改变光标图像(使用本示例中的个人资料照片)按钮的点击考虑到你已经拥有jQuery的补充身体类:

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

我在开始时尝试了这个 - 但光标不允许你使用动画GIF - 只有静态图像... –