在页面中js获取光标/鼠标的坐标及光标的像素坐标

前端技术 2023/09/08 JavaScript
近期为网站开发页面统计，以前虽然也开发过，但是功能不是很全，所以这次把一些好功能给用上。

例如这次的，页面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>

本文地址：https://www.stayed.cn/item/22217

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案