键盘控制div移动

js代码

    <script type="text/javascript">
    window.onload=function(){
        
    var bddd=document.getElementsByTagName('div')[0];
document.onkeydown=function(e){
    var e=e || event;
    if(e.keyCode==38){
        bddd.style.top=bddd.offsetTop-15+'px';
    
    }

    if(e.keyCode==40){
        bddd.style.top=bddd.offsetTop+15+'px';
        
    }
    
    if(e.keyCode==39){
        bddd.style.left=bddd.offsetLeft+15+'px';
     
    }
    
    if(e.keyCode==37){
        bddd.style.left=bddd.offsetLeft-15+'px';
        
    }

}
limit();//用来防止溢出

这个小demo到此差不多了，如果要实现自动移动，则需要使用setinterval执行

参考:https://blog.csdn.net/qq_35034870/article/details/71424764