近期为网站开发页面统计，以前虽然也开发过，但是功能不是很全，所以这次把一些好功能给用上。
例如这次的，页面JS光标/鼠标坐标，你也许问着有什么用，百度统计中有个热点统计图，这下清楚明白了吧。
好了，上肉：
功能：获取光标的像素坐标
复制代码 代码如下:
<html>
<head>
<script type="text/javascript">
function showPosition(e){
var x,y;
var e = e||window.event;
document.getElementById("x").value = e.clientX+document.body.scrollLeft+document.documentElement.scrollLeft;
document.getElementById("y").value = e.clientY+document.body.scrollTop+document.documentElement.scrollTop
}
</script>
</head>
<body>
<div onmousemove="showPosition(event);" style="height:100%; width:100%;">
x:<input id="x" type="text" value="" />
y:<input id="y" type="text" value="" />
</div>
</body>
</html>
例如这次的，页面JS光标/鼠标坐标，你也许问着有什么用，百度统计中有个热点统计图，这下清楚明白了吧。
好了，上肉：
功能：获取光标的像素坐标
复制代码 代码如下:
<html>
<head>
<script type="text/javascript">
function showPosition(e){
var x,y;
var e = e||window.event;
document.getElementById("x").value = e.clientX+document.body.scrollLeft+document.documentElement.scrollLeft;
document.getElementById("y").value = e.clientY+document.body.scrollTop+document.documentElement.scrollTop
}
</script>
</head>
<body>
<div onmousemove="showPosition(event);" style="height:100%; width:100%;">
x:<input id="x" type="text" value="" />
y:<input id="y" type="text" value="" />
</div>
</body>
</html>
标签：
获取光标,坐标,像素坐标
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！
如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
桃源资源网 Design By www.nqtax.com
暂无“在页面中js获取光标/鼠标的坐标及光标的像素坐标”评论...