首页 > 解决方案 > 使用键盘javascript移动div(向上,向下不起作用)

问题描述

需要移动 div,在另一个 div 内。左右方向有效,但上下不工作。我做错了什么?
这是我的代码:

var mover = document.getElementById('mover');
var wrapper = document.getElementById('wrapper');
var left = 0;
var top = 0;

function move(e) {
if (e.keyCode == 39){
    left +=20;
    mover.style.left = left + 'px';
}

if (e.keyCode == 37){
    left -=20;
    mover.style.left = left + 'px';
}

if (e.keyCode == 40){
    top +=20;
    mover.style.top = top + 'px';
}

if (e.keyCode == 38){
    top -=20;
    mover.style.top = top + 'px';
}

}

document.onkeydown = move;



// 37left 38up 39right 40down

标签: javascript

解决方案


推荐阅读