| <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } div{ width: 100px; height: 100px; border: 1px solid #000; position: absolute; } </style> </head> <body> <div id="oDiv"></div> <script> // body有默认的margin 这个默认值是多少 // 8px IE7以下有不同 var oDiv = document.getElementById("oDiv"); document.onkeydown = function(event){ // console.log(oDiv.offsetTop,oDiv.offsetLeft) // oDiv.style.top = "30px" if(event.keyCode == 39){ console.log(oDiv.offsetLeft) oDiv.style.left = oDiv.offsetLeft + 1 + "px"; }else if(event.keyCode == 37){ oDiv.style.left = oDiv.offsetLeft - 1 + "px"; } } </script> </body> </html> |
原文：https://www.cnblogs.com/shuaiqixiaoha/p/11347096.html