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

2019-12-24,,

近期为网站开发页面统计,以前虽然也开发过,但是功能不是很全,所以这次把一些好功能给用上。

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

您可能感兴趣的文章:

  • JavaScript自定义文本框光标
  • Javascript实现获取及设置光标位置的方法
  • js光标定位文本框回车表单提交问题的解决方法
  • JS在可编辑的div中的光标位置插入内容的方法
  • js实现获取焦点后光标在字符串后
  • js获取光标位置和设置文本框光标位置示例代码
  • js切换光标示例代码
  • js/html光标定位的实现代码
  • javascript textarea光标定位方法(兼容IE和FF)
  • JavaScript中在光标处插入添加文本标签节点的详细方法

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

下载本文的Word格式文档,以方便收藏与打印。