如何檢測按鍵/ KEYDOWN

我想改變我的光標圖像動畫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）？

謝謝。

來源

2016-07-19 Shon Levi

正常工作對我來說：https://jsfiddle.net/zeun4tqu/我沒有得到的keydown不確定，請注意雖然我沒有改變'right'到'left'對CSS和添加的代碼，使之舉與老鼠。你能舉一個你未定義的工作例子嗎？ –

它不適合我！添加「警報」的keydown代碼 - 它不提醒... - X –

您應該能夠使用「光標」屬性通過以下方式來改變光標圖像（使用本示例中的個人資料照片）按鈕的點擊考慮到你已經擁有jQuery的補充身體類：

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

來源

2016-07-19 21:37:12 Josh

我在開始時嘗試了這個 - 但光標不允許你使用動畫GIF - 只有靜態圖像... –

如何檢測按鍵/ KEYDOWN

回答

相關問題