zl程序教程

您现在的位置是:首页 >  后端

当前栏目

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

JS 获取 页面 鼠标 坐标 像素 光标
2023-06-13 09:15:11 时间
近期为网站开发页面统计,以前虽然也开发过,但是功能不是很全,所以这次把一些好功能给用上。

例如这次的,页面JS光标/鼠标坐标,你也许问着有什么用,百度统计中有个热点统计图,这下清楚明白了吧。

好了,上肉:
功能:获取光标的像素坐标
复制代码代码如下:

<html>
<head>
<scripttype="text/javascript">
functionshowPosition(e){
varx,y;
vare=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>
<divonmousemove="showPosition(event);"style="height:100%;width:100%;">
x:<inputid="x"type="text"value=""/>
y:<inputid="y"type="text"value=""/>
</div>
</body>
</html>