<!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;
<!-- ↓↓下面這里獲取的id是xycoordinates，不是coordiv為什么，下面不是規定了
一個id=coordiv的矩形框嗎，要獲取內容不是在這里獲取嗎？ -->
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>
<!-- ↑上面這句是什么作用？不是很理解清除坐標和獲得坐標要獲取這個id? -->
</body>
</html>
javascript，html畫布問題，菜鳥不理解js代碼
MMTTMM
2019-04-17 18:15:44
