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>