使用按键和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向下箭头。