Question

firefox中通过JS获取事件对象的写法

我现在的需求是，鼠标指中一个DIV通过onmouseover事件获取这个DIV的left和top，然后赋值给另外一个对象。我写了一个方法如下：

function popleftOver(obj)
{
var x,y;
oDIV=obj.getBoundingClientRect();
x=oDIV.left ;
y=oDIV.top ;
var popwindow=document.getElementById("popleft");
popwindow.style.display="block";
popwindow.style.left=x;
popwindow.style.top=y;
}

如上，传入的obj是我在调用方法时传入的this，这个方法在IE下完全正常，但是在FF下无效，请问在FF下应该怎么修改。

Answer 1

ff对js的检查比较严格,ie相对说比较宽松

而且,一些长期形成的写法也是只在ie下有效的,
比如 : document.all. 这种方式.

你可以装个firebug的扩展,很有用的东西.可以告诉你js哪儿错了.
如果你自己做网站,这个工具也可以辅助你调试你的js.

如果对您有帮助，请记得采纳为满意答案，谢谢！祝您生活愉快！

Answer 2

<script type="text/javascript">
function popleftOver(obj)
{
var popwindow = document.getElementById("popleft");
popwindow.style.display = "block";
popwindow.style.left = obj.style.left ;
popwindow.style.top = obj.style.top;
}
</script>

<div onmouseover="popleftOver(this)" id="div2" style=" position:absolute; border:1px solid #333;left:200px; top:300px; width:400px; height:300px;">
<p>asdfasdf</p><p>asdfasdf</p><p>asdfasdf</p><p>asdfasdf</p><p>asdfasdf</p>
</div>

<div id="popleft" style="position:absolute; width:20px; height:20px; background:#999;"></div>