jQuery更改圖像src屬性

Question

現在我正在嘗試製作一些基於瀏覽器的遊戲。但我沒有什麼問題。請打開下面的代碼並檢查它。

http://jsfiddle.net/thisizmonster/YVz6L/4/

1. 有沒有更好的解決方案，處理鍵盤輸入？
2. 移動時，我正在改變圖像與跑步士兵。但正如你所看到的我的士兵沒有跑，但停止按鍵後，它會開始運行。爲什麼它發生？

Answer 1

1）我想知道只有在keydown上移動你的角色並阻止他在keyup上會更好。你不得不小心，因爲並不是所有的元素都支持這個方法。我已經在表單元素放置在離屏之外的地方（例如position：absolute; left：-999px;），並且在頁面加載時給出焦點的例子。表單域然後接受按鍵，並將鍵處理程序分配給它。

2）是因爲您經常將圖像src重置爲運行圖像，這意味着它會持續到第一幀。你可以通過增加一個計數器，而關鍵是關閉，只有當計數器= 1時才改變圖像。你還需要檢測到鍵的釋放，所以你可以改變圖像回來，並重置計數器爲0.