var pane = $('#pane'),box = $('#box'),w = pane.width() - box.width(),d = {},x = 3;函数 newv(v,a,b) {var n = parseInt(v, 10) - (d[a] ? x : 0) + (d[b] ? x : 0);返回 n ?w : n;}$(window).keydown(function(e) { d[e.which] = true; });$(window).keyup(function(e) { d[e.which] = false; });设置间隔(函数(){box.css({左:function(i,v) { return newv(v, 37, 39);},顶部:函数(i，v){返回新v(v，38，40)；}});}, 20);

#pane {位置:相对；宽度:300px；高度:300px；边框:2px纯红色；}#盒子 {位置:绝对；顶部:140px；左:140px；宽度:20px；高度:20px；背景颜色:黑色；}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><div id="窗格"><div id="box"></div>