怎样获取网页上的鼠标坐标?

此回复为自动发出,仅用于显示而已，并无任何其他特殊作用
楼主【ldhooi001】截止到2008-07-01 17:16:32的历史汇总数据(不包括此帖)：
发帖数:5                  发帖分:60
结贴数:5                  结贴分:60
未结数:0                  未结分:0
结贴率:100.00%            结分率:100.00%
敬礼!

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

event.offsetX 设置或获取鼠标指针位置相对于触发事件的对象的 x 坐标。
event.offsetY 设置或获取鼠标指针位置相对于触发事件的对象的 y 坐标。
运行一下就知道了，应该是clientX、offsetX、screenX中的一种<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>测试</title>
<style type="text/css">
body{
background:url(line.gif) repeat-x;
margin:0;
}
.demoDiv{
background:url(line.gif) 0 -30px repeat-x;
}
</style>
<script>
function showZB2(){
div1.innerHTML="client:"+"x="+event.clientX+",y="+event.clientY;
document.getElementById("div1").style.posTop=event.clientY+10;
document.getElementById("div1").style.posLeft=event.clientX+50;div2.innerHTML="offset:"+"x="+event.offsetX+",y="+event.offsetY;
document.getElementById("div2").style.posTop=event.offsetY+50;
document.getElementById("div2").style.posLeft=event.offsetX+50;div3.innerHTML="screen:"+"x="+event.screenX+",y="+event.screenY;
document.getElementById("div3").style.posTop=event.screenY+50;
document.getElementById("div3").style.posLeft=event.screenX+50;
}
function showIdAndClassName(){
alert("class: "+window.event.srcElement.className+"\nid: "+window.event.srcElement.id);
}
</script>
</head><body onMouseMove="showZB2()" onclick="showIdAndClassName()">
<div id="div1" style="position:absolute; "></div>
<div id="div2" style="position:absolute; "></div>
<div id="div3" style="position:absolute; "></div>
<div class="demoDiv" id="fdfdsdf">fdsfda</div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
</body>
</html>