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

根据此页面 ，有6对坐标。 您可以尝试一下。 我猜正确的可能是clientX,clientY 。

希望这可以帮助。