JavaScript：如何找到div框中鼠标的位置？

Question

我知道如何找出鼠标相对于浏览器窗口左上角的位置，但我不知道如何相对于div框的左上角这样做。

Answer 1

尝试按照Javascript功能。

var IE = document.all?true:false

if (!IE) {
 document.captureEvents(Event.MOUSEMOVE);
}



function getMousePosition(e) {
  if (IE) { 
    var X = event.clientX + document.body.scrollLeft
    var Y = event.clientY + document.body.scrollTop
  } else { 
    var X = e.pageX
    var Y = e.pageY
  }  

  if (X < 0) {
       X = 0
   }
  if (Y < 0) {
     Y = 0
  }  
  alert("X : "+ X +" Y: "+ Y);
}

document.onmousemove = getMousePosition;

Answer 2

如果你得到div框的左上角，你可以从鼠标的屏幕坐标中减去它。

Answer 3

根据这个page，有6对坐标。你可以尝试一下。我想正确的可能是clientX,clientY。

希望这有帮助。