当鼠标移到div上，随后按下键盘的->（向左移动键），div可以跟着移动，并可以获得x,y

<script language="JavaScript">
function kao() {
  oDiv = document.getElementById("div");
  document.onkeydown = function() {
    switch (event.keyCode) {
      case 37 : oDiv.style.left = oDiv.offsetLeft - 1; xy();
        break;
      case 38 : oDiv.style.top = oDiv.offsetTop - 1; xy();
        break;
      case 39 : oDiv.style.left = oDiv.offsetLeft + 1; xy();
        break;
      case 40 : oDiv.style.top = oDiv.offsetTop + 1; xy();
        break;
      default : break;
    }
  }
  xy = function() {
    oDiv.innerHTML = "距顶："+oDiv.offsetTop+"px<br>距左："+oDiv.offsetLeft+"px";
  }
}
</script><body><div style="position:absolute; left:100px; top:100px; height:100px; width:100px; border:1px solid red" id="div" onmouseover="kao()" onmouseout="document.onkeydown=new Function()">DIV</div></body>