KEYDOWN不註冊

Question

我有一個問題，我的代碼如下問題：

$(document).ready(function() { 
var currenty = 0; 
var currentx = 0; 
$("body").keypress(function(event) { 
    if (event.keyCode === 68) { 
     $(".box").animate({marginLeft: currenty + 30}, 200); 
     currenty += 30; 
    } else if (event.keyCode === 65) { 
     $(".box").animate({marginLeft: currenty - 30}, 200); 
     currenty -= 30; 
    } else if (event.keyCode === 87) { 
     $(".box").animate({marginTop: currenty + 30}, 200); 
     currentx += 30; 
    } else if (event.keyCode === 83) { 
     $(".box").animate({marginTop: currenty - 30}, 200); 
     currentx -= 30; 
    } else { 

    } 
}); 
}); 

我這段代碼的問題是，當我按一個鍵，沒有任何反應。

編輯：看來，如果我第一個鍵碼改爲32（空格鍵）工作

再次編輯：只是解決我的問題，該鍵碼的地方爲大寫字母

Answer 1

改爲使用​​。 keypress爲字母d返回100而不是68。

測試差異here。

Answer 2

使用文檔，而不是身體：

$(document).ready(function() { 
var currenty = 0; 
var currentx = 0; 
$(document).keypress(function(event) { 
    if (event.keyCode === 68) { 
     $(".box").animate({marginLeft: currenty + 30}, 200); 
     currenty += 30; 
    } else if (event.keyCode === 65) { 
     $(".box").animate({marginLeft: currenty - 30}, 200); 
     currenty -= 30; 
    } else if (event.keyCode === 87) { 
     $(".box").animate({marginTop: currenty + 30}, 200); 
     currentx += 30; 
    } else if (event.keyCode === 83) { 
     $(".box").animate({marginTop: currenty - 30}, 200); 
     currentx -= 30; 
    } else { 

    } 
}); 
});