使用按鍵和jquery移動div？

Question

好的，所以我試圖做一個簡單的腳本，當我按下's'時它會向下移動div，但它根本不會觸發。我安裝了jquery，並且FF中的錯誤控制檯沒有任何說明。有人能告訴我我做錯了什麼嗎？

http://prime.programming-designs.com/designs/map/

Answer 1

你忘了你的HTML開放註釋標記之前把//<!--

你不應該」對於腳本無論如何都使用HTML註釋標籤，內聯樣式/腳本的最佳方法是使用CDATA元素，如下所示：

/* <![CDATA[ */ 
//your code in here 
/* ]]> */ 

此做了一些事情：

• 允許XML實體並不需要進行轉義
• 使用多行的評論阻止了可能會導致你的腳本被解析任何換行符問題（CMS的往往會調整空格）
• 創建有效的XML在XHTML

Answer 2

我建議你使用jquery.hotkeys擴展綁定到關鍵事件： https://github.com/jeresig/jquery.hotkeys

Answer 3

這裏使用時是你的代碼：

$('#map').keydown(function(event) { 
    switch (event.keycode) { 
     case 83: // left arrow key 
      markX = markX + markSpeed; 
      mark.style.top = markX + 'px'; 
      break; 
    } 
}); 

的問題都是在keycode需要被駝峯keyCode，而且case應該37左箭頭或40向下箭頭。