<head runat="server">
<script type="text/javascript">
function getX(obj) {
var parObj = obj;
var left = obj.offsetLeft;
while (parObj = parObj.offsetParent) {
left += parObj.offsetLeft;
}
return left;
}
function getY(obj) {
var parObj = obj;
var top = obj.offsetTop;
while (parObj = parObj.offsetParent) {
top += parObj.offsetTop;
}
return top;
}
function DisplayCoord(event) {
var top, left, oDiv;
oDiv = document.getElementById("demo");
top = getY(oDiv);
left = getX(oDiv);
document.getElementById("mp_x").innerHTML = (event.clientX - left + document.body.scrollLeft) + "px";
document.getElementById("mp_y").innerHTML = (event.clientY - top + document.body.scrollTop) + "px";
}
</script>
</head>
<body style="margin: 40px;" mce_style="margin:40px;">
<div style="background-color: #000000; color: #0011FF; width: 300px; height: 300px;
position: absolute; top: 80px; left: 90px; margin: 0px; border: 0px;" id="demo"
οnmοusemοve="DisplayCoord(event)">
</div>
当前鼠标坐标为： X：<span id="mp_x"></span> Y：<span id="mp_y"></span>
</body>
转载于:https://www.cnblogs.com/zhanjun/archive/2012/12/31/2840780.html
815
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
