利用JavaScript实现键盘控制小方块移动

<divclass="box"></div>

*{
            margin: 0;
            padding: 0;
        }
        .box{
            width: 200px;
            height: 200px;
            background: red;
        }

// 获取元素
    var oBox=document.getElementsByClassName("box")[0];
    var x=0;y=0;
    // 确定上38下40左37右39 键的 keyCode值
    document.onkeydown=function(ev){
        // console.log(ev.keyCode);
        if(ev.keyCode==37){
            // 左键
            x==0?x=0:x--;
            // console.log(ev.keyCode);
            oBox.style.marginLeft=x+"px";
        }else if(ev.keyCode==38){
            // 上键
            y--;
            oBox.style.marginTop=y+"px";
        }else if(ev.keyCode==39){
            // 右键
            x++;
            oBox.style.marginLeft=x+"px";
        }else if(ev.keyCode==40){
            // 下键
            y++;
            oBox.style.marginTop=y+"px";
        }
    }