Question

我正在寻找一种在用户按下向下，向上，向左或向右按钮时交换到不同图像的方法。我有以下代码。请问这个解决方案的最佳方法是什么？

目前，我的javascript如下。它根据正在按下的键移动到不同的位置。例如，如果＆＃39; down＆＃39;按下按钮，图像向下移动等等。

$(document).ready(function() {
$(document).keydown(function(key) {
    switch(parseInt(key.which,10)) {
        // Left arrow key pressed
        case 37:
            $('.boat').animate({left: "-=50px"}, 'swing');
            break;
        // Up Arrow Pressed
        case 38:
            $('.boat').animate({top: "-=50px"}, 'swing');
            break;
        // Right Arrow Pressed
        case 39:
            $('.boat').animate({left: "+=50px"}, 'linear');
            break;
        // Down Arrow Pressed
        case 40:
            $('.boat').animate({top: "+=50px"}, 'swing');
            break;

    }
});

});

Answer 1

在回答之前，我注意到：JS文档中的which说：Warning: This attribute is deprecated; you should use key instead, if available.

更新：

我测试你的代码，它运行正常。

你知道了：

如果元素的位置样式属性是静态的，那么方向属性（上，右，下，左）对元素没有明显的影响，默认情况下是这样。

这就是说元素的位置样式属性为absolute或relative

在keydown上交换图像

1 个答案: