键盘事件改变盒子背景

img

用document.getElementById获取div,使用style.backgroundColor="#ff9000",设置背景颜色。

var box = document.getElementById("box")
document.onkeydown = keyDown;
function keyDown(event) { // 方向键控制元素移动函数
    var event = event || window.event; // 标准化事件对象
    switch (event.keyCode) { // 获取当前按下键盘键的编码
        case 37: // 按下左箭头键,
            //添加改变颜色代码
            break;
        case 39: // 按下右箭头键,
            //添加改变颜色代码
            break;
        case 38: // 按下上箭头键,
            //添加改变颜色代码
            break;
        case 40: // 按下下箭头键,
            //添加改变颜色代码
            break;
    }
    return false
}