矩形框显示坐标
想法：
鼠标移动到矩形区域上时，显示当前坐标;移出时，清空坐标
步骤：
1.2个div，一个是矩形区域，另一个盛放坐标
2.2个事件：鼠标移进事件，鼠标移出事件
移进——>获取坐标：使用Event.ClientX; Event.ClientY;
<body>
<script language="javascript">
function getCoordinates(e){
X=e.ClientX;
Y=e.ClientY;
document.getElementById("xycoordinates").innerHTML="Coordinates:("+X+","+Y+")";
}
function clearCoordinates(){
document.getElementById("xycoordinates").innerHTML="";
}
</script>
<p>将鼠标悬停在矩形上看看</p>
<div id="coordiv" style="float:left;border:1px solid #c3c3c3;height:300px;width:300px;"onMouseMove="getCoordinates(event)" onMouseOut="clearCoordinates()"></div>
<br/>
<br/>
<br/>
<div id="xycoordinates"></div>
</body>
143
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
