键盘控制物体移动 

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8">
 5         <title></title>
 6         <style>
 7             #div1{width: 100px; height: 100px;background-color:#CCC;position: absolute;}
 8         </style>
 9         <script>
10             document.onkeydown=function(ev){
11                 var oEvent=ev||event;
12                 var oDiv=document.getElementById('div1');
13 
14                 if(oEvent.keyCode==37){
15                     oDiv.style.left=oDiv.offsetLeft-10+'px';
16                 }
17                 else if(oEvent.keyCode==39){
18                     oDiv.style.left=oDiv.offsetLeft+10+'px';
19                 }
20             }
21         </script>
22     </head>
23     <body>
24         <div id="div1">
25         </div>
26     </body>
27 </html>
View Code

 

posted @ 2020-04-28 13:02  孝文  阅读(194)  评论(0)    收藏  举报