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 。

希望這可以幫助。