javascript - 尝试上下移动 div 时出现问题

Question

当我使用此代码单击箭头键时，我正在尝试上下移动类 player 的 div:

JavaScript

var playerPosition = 0;

window.onkeyup = function(e) {
    var key = e.keyCode ? e.keyCode : e.which;

    if(key = 38) {
        playerPosition += 10;

    } else if(key = 40) {
        playerPosition -= 10;
    }

    var players = document.getElementsByClassName('player');
    for(var i = 0; i < players.length; i++)
    players[i].style.marginTop = playerPosition+"px";

 }

问题是当我按下任意键时 div 下降!

• > http://jsfiddle.net/b5eaey58/

第二个问题是div的移动不流畅

Answer 1

您调用了错误的运算符，您正在尝试计算 = 而不是 ===。 (仅供引用，除非您希望 div 在您按下时上升，否则您可能将按键颠倒了)因为它不平滑是因为您正在触发函数 onkeyup意味着用户必须在移动触发之前释放按键。使用 onkeydown 代替，这样用户可以按住键并使其运行更流畅:

FIDDLE