在div元素內找出鼠標位置？

Question

我完成了一個程序概念，就是找出div元素內的鼠標坐標位置...僅在IE瀏覽器中完美運行，但是我無法在mozilla firefox中得到答案...是什么原因？

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title>Cursor position status display</title>
<script type="text/javascript">

 function getXOffset(e){
if(typeof e.offsetX != 'undefined')
  return e.offsetX;
 else if(typeof e.pageX != 'undefined')
  return e.pageX - e.target.offsetLeft;
}

function getYOffset(e){
 if(typeof e.offsetY != 'undefined')
  return e.offsetY;
   else if(typeof e.pageY != 'undefined')
  return e.pageY - e.target.offsetTop;
}

function displayOffsets(e){
e = (e) ? e : window.event;
window.status = 'x: '+getXOffset(e)+'   y: '+getYOffset(e); 
}

 </script>
 </head>
 <body>
  <div style="width:100px; height:300px;margin:50px 0 0 500px;border:1px solid red;" >
  <div onMouseMove="displayOffsets(event)" style="width:50px; height:300px;     background:#669966;"></div>
  <div >
  </body>
   </html>

Answer 1

您的功能可能工作得很好，您的問題可能是window.status部分： https : //developer.mozilla.org/en/DOM/window.status

此屬性在Firefox和某些其他瀏覽器的默認配置中不起作用：設置window.status對狀態欄中顯示的文本無效。

也許嘗試將坐標輸出到頁面中的其他元素，或者更好的是，如果您有Firebug之類的東西，則可以使用控制台輸出。

在div元素內找出鼠標位置？

問題描述

1 個解決方案

解決方案1
1 已采納 2012-04-23 13:21:00

在div元素內找出鼠標位置？

問題描述

1 個解決方案

解決方案1 1 已采納 2012-04-23 13:21:00

解決方案1
1 已采納 2012-04-23 13:21:00