Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/475.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
JavaScript:如何找出鼠标在div框中的位置?_Javascript - Fatal编程技术网

JavaScript:如何找出鼠标在div框中的位置?

JavaScript:如何找出鼠标在div框中的位置?,javascript,Javascript,我知道如何找到鼠标相对于浏览器窗口左上角的位置,但我不知道如何相对于div框的左上角找到鼠标 如果你得到div框的左上角,你可以从鼠标的屏幕坐标中减去它。根据这个,有6对坐标。你可以试试。我想正确的答案可能是clientX,clientY 希望这有帮助。尝试下面的Javascript函数 var IE = document.all?true:false if (!IE) { document.captureEvents(Event.MOUSEMOVE); } function getM

我知道如何找到鼠标相对于浏览器窗口左上角的位置,但我不知道如何相对于div框的左上角找到鼠标

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

根据这个,有6对坐标。你可以试试。我想正确的答案可能是
clientX,clientY


希望这有帮助。

尝试下面的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;
var IE=document.all?真:假
如果(!IE){
document.captureEvents(Event.MOUSEMOVE);
}
函数getMousePosition(e){
如果(即){
var X=event.clientX+document.body.scrollLeft
变量Y=event.clientY+document.body.scrollTop
}否则{
var X=e.pageX
变量Y=e.pageY
}  
if(X<0){
X=0
}
if(Y<0){
Y=0
}  
警报(“X:+X+”Y:+Y”);
}
document.onmousemove=getMousePosition;

当然,我自己会这样做,但问题是如何在不依赖浏览器窗口的情况下获取坐标。这些坐标与用户的整个计算机屏幕有关。您使用的是哪种框架?(我希望您正在使用一个)。Mootools使用
Element.getPosition()
jQuery使用
jQuery.posistion()
谢谢。我想我应该学习这些框架。