一段HTML5语言的问题
代码如下：<!DOCTYPEHTML><html><head><styletype="text/css">body{font-size:70%;font-family:v...
代码如下：
<!DOCTYPE HTML>
<html>
<head>
<style type="text/css">
body
{
font-size:70%;
font-family:verdana,helvetica,arial,sans-serif;
}
</style>
<script type="text/javascript">
function cnvs_getCoordinates(e)
{
x=e.clientX;
y=e.clientY;
document.getElementById("xycoordinates").innerHTML="Coordinates: (" + x + "," + y + ")";
}
function cnvs_clearCoordinates()
{
document.getElementById("xycoordinates").innerHTML="";
}
</script>
</head>
<body style="margin:0px;">
<p>把鼠标悬停在下面的矩形上可以看到坐标：</p>
<div id="coordiv" style="float:left;width:199px;height:99px;border:1px solid #c3c3c3" onmousemove="cnvs_getCoordinates(event)" onmouseout="cnvs_clearCoordinates()"></div>
<br />
<br />
<br />
<div id="xycoordinates"></div>
</body>
</html>
问题：这个代码用鼠标移动到边缘的时候可以观察到（200,138）但是在代码中
width:199px;height:99px;border:1px
<body style="margin:0px;">定义的坐标边缘应该是（200,100）最多了啊？多出的38在哪里？那段代码在哪里？求达人解答~ 展开
<!DOCTYPE HTML>
<html>
<head>
<style type="text/css">
body
{
font-size:70%;
font-family:verdana,helvetica,arial,sans-serif;
}
</style>
<script type="text/javascript">
function cnvs_getCoordinates(e)
{
x=e.clientX;
y=e.clientY;
document.getElementById("xycoordinates").innerHTML="Coordinates: (" + x + "," + y + ")";
}
function cnvs_clearCoordinates()
{
document.getElementById("xycoordinates").innerHTML="";
}
</script>
</head>
<body style="margin:0px;">
<p>把鼠标悬停在下面的矩形上可以看到坐标：</p>
<div id="coordiv" style="float:left;width:199px;height:99px;border:1px solid #c3c3c3" onmousemove="cnvs_getCoordinates(event)" onmouseout="cnvs_clearCoordinates()"></div>
<br />
<br />
<br />
<div id="xycoordinates"></div>
</body>
</html>
问题：这个代码用鼠标移动到边缘的时候可以观察到（200,138）但是在代码中
width:199px;height:99px;border:1px
<body style="margin:0px;">定义的坐标边缘应该是（200,100）最多了啊？多出的38在哪里？那段代码在哪里？求达人解答~ 展开
1个回答
展开全部
你好
x=e.clientX;
y=e.clientY;
得到的坐标应该是光标相对于浏览器的。你哪个是应为多了<p>标签的高
下面这样就对了
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
