关于IE下的clientX和FF的pageX

最新推荐文章于 2021-06-28 09:16:17 发布

weixin_30755709

最新推荐文章于 2021-06-28 09:16:17 发布

阅读量108

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/acis_/archive/2009/07/02/1515142.html

版权

关于IE下的clientX和FF的pageX

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <style> span{cursor:default} </style> <script language="javascript" type="text/javascript"> function testOver(evt){ evt = (evt) ? evt : (window.event) ? window.event : ""; var objTargElem = (evt.target) ? evt.target : evt.srcElement; objTargElem.style.color="orangered"; _objDiv = document.getElementById('objDiv'); with(_objDiv){ style.position="absolute"; style.zIndex="30"; if(evt.pageX){ style.left = evt.pageX+"px"; style.top = evt.pageY+"px"; }else{ style.left = evt.clientX+"px"; style.top = evt.clientY+"px"; } _objDiv.style.display = 'block'; } } function testOut(evt){ evt = (evt) ? evt : (window.event) ? window.event : ""; var objTargElem = (evt.target) ? evt.target : evt.srcElement; objTargElem.style.color=""; _objDiv = document.getElementById('objDiv'); _objDiv.style.display = 'none'; } </script> </head> <body> 测试点一 <div style="width:200px;height:160px;position:absolute;border:1px solid black;background-color:#FFCC00;display:none" id="objDiv">874IE</div> 注意把滚动条拖到最底 这个页面的目的是让层在测试点的鼠标位置显示，Firefox使用的pageX定位，IE使用的clientX定位。问题是Firefox下是正常的。但是到了IE时，不拖滚动条还可以，一拖就不正常了（测试点二）。这个如何解决？ 测试点二 </body> </html>
提示：您可以先修改部分代码再运行

solution:

document.body.scrollTop+evt.clientY

转载于:https://www.cnblogs.com/acis_/archive/2009/07/02/1515142.html