关于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

posted on 2009-07-02 08:15 阿C's 阅读(803) 评论(0) 编辑收藏举报