<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
<meta name="auther" content="fq" />
<title>获取鼠标坐标</title>
</head>
<body>
<script type="text/javascript">
function mousePosition(ev){
if(ev.pageX || ev.pageY){
return {x:ev.pageX, y:ev.pageY};
}
return {
x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
y:ev.clientY + document.body.scrollTop - document.body.clientTop
};
}
function mouseMove(ev){
ev = ev || window.event;
var mousePos = mousePosition(ev);
document.getElementById('xxx').value = mousePos.x;
document.getElementById('yyy').value = mousePos.y;
}
document.onmousemove = mouseMove;
</script>
X:<input id="xxx" type="text" /> Y:<input id="yyy" type="text" />
</body>
</html>
分享到:
相关推荐
描述javascript获取鼠标坐标的各种方式,其中有图说明,很清晰,很容易理解!
获取鼠标的坐标,通过js任意获取鼠标点击处的位置坐标。
javascript获取鼠标当前位置坐标,并显示出来
JS获取鼠标坐标,获取鼠标...JavaScript获取鼠标坐标 .tip { width:200px; border:2px solid #ddd; padding:8px; background:#f1f1f1; color:#666; } 源码爱好者 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
本文实例讲述了javascript获取当前鼠标坐标的方法。分享给大家供大家参考。具体实现方法如下: 对于javascript获取当前鼠标坐标来说,得对不同浏览器的坐标位置有所了解。具体代码如下: 代码如下:<html> <...
本文实例分析了JS获取鼠标坐标位置的方法。分享给大家供大家参考,具体如下: 取鼠标坐标位置有这些:鼠标在视口的坐标位置(clientX,clientY),鼠标在页面的坐标位置(pageX,pageY),鼠标在屏幕的坐标位置(screenX,...
javascriptjs获取鼠标点击时的坐标位置 只想帮你度过这个问题 加油你也行的
pdf关键字坐标获取
页面JS光标/鼠标坐标,百度统计中有个热点统计图,我们要做的就是获取光标的像素坐标
介绍了JS获取鼠标坐标的实例方法,有需要的朋友可以参考一下
主要介绍了js获取鼠标坐标并且根据鼠标位置不同弹出不同内容的实例代码,需要的朋友可以参考下
使用JavaScript获取客户端的鼠标坐标信息
ArcGIS API For JavaScript 4.x 获取地图经纬度坐标(附完整代码,即开即用)
本篇文章主要介绍了Three.js获取鼠标点击的三维坐标示例代码。具有一定的参考价值,感兴趣的小伙伴们可以参考一下。
主要介绍了js使用onmousemove和onmouseout获取鼠标坐标的方法,涉及javascript操作鼠标事件的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
canvas例子,如何获取鼠标在canvas中的位置。html+js。下载双击即可在浏览器运行,F12可查看源代码。
个体实现内容: 1、当需求为获得的坐标值相对于body时实现方法 2、当需求为获得的坐标值相对于某一对象时实现方法