使用按键和jquery移动div?

时间:2011-01-21 21:04:29

标签: javascript html css

好吧,所以我正在尝试制作一个简单的脚本,当我按下's'但它根本不会触发时向下移动div。我安装了Jquery,FF中的错误控制台没有说什么。有人能告诉我我做错了吗?

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

3 个答案:

答案 0 :(得分:1)

我建议你使用jquery.hotkeys扩展名绑定到关键事件: https://github.com/jeresig/jquery.hotkeys

答案 1 :(得分:1)

您忘记将//放在HTML开放评论标记<!--

之前

您不应该为脚本使用HTML注释标记,内联样式/脚本的最佳方法是使用CDATA元素,如下所示:

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

这有很多事情:

  • 允许不需要转义XML实体
  • 使用多行注释可以防止任何可能导致您的脚本被解析的换行问题(CMS通常会调整空白区域)
  • 在XHTML中使用时创建有效的XML

答案 2 :(得分:1)

这是你的代码:

$('#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为向下箭头