在页面中js获取光标/鼠标的坐标及光标的像素坐标
2018-10-12 13:55
776 查看
近期为网站开发页面统计,以前虽然也开发过,但是功能不是很全,所以这次把一些好功能给用上。
例如这次的,页面JS光标/鼠标坐标,你也许问着有什么用,百度统计中有个热点统计图,这下清楚明白了吧。
好了,上肉:
功能:获取光标的像素坐标
例如这次的,页面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获取光标/鼠标的坐标及光标的像素坐标
- 在页面中 js 获取光标/鼠标的坐标,获取光标的的像素坐标
- js 公式编辑器 - 自定义匹配规则 - 带提示下拉框 - 动态获取光标像素坐标
- JS获取鼠标坐标、获取鼠标像素点示例
- JS获取area元素坐标和鼠标在页面中的位置
- JS获取鼠标坐标、获取鼠标像素点示例
- JS获取页面鼠标点击位置的坐标
- js-获取鼠标光标相对于整个页面的当前位置
- JS获取最底层iframe页面中鼠标点击的坐标
- html获取鼠标在页面的坐标以及在canvas上的坐标
- Js获取元素在页面里的坐标位置和宽高
- js获取各种窗口的大小和鼠标坐标
- 用 javascript 获取当页面上鼠标(光标)位置
- js原生代码编写一个鼠标在页面移动坐标的检测功能,兼容各大浏览器
- js-事件1_获取鼠标坐标clientX+scrollLeft及兼容性写法_跟随鼠标移动的divs
- Js和JQuery获取鼠标指针坐标的实现代码分享
- JS获取页面里鼠标选中的文字
- 使用js获取鼠标位置坐标
- js实时获取鼠标所在坐标
- 用 javascript 获取当页面上鼠标(光标)位置 和 触发事件的对象 的方法