JS 获取屏幕中鼠标的坐标值

发布网友发布时间：2022-04-27 01:11

共2个回答

热心网友时间：2022-04-23 17:26

<title>Js获取适时获取鼠标坐标值并显示</title>
<script type="text/javascript">
var getCoordInDocumentExample = function(){
var coords = document.getElementById("coords");
coords.onmousemove = function(e){
var pointer = getCoordInDocument(e);
var coord = document.getElementById("coord");
coord.innerHTML = "X,Y=("+pointer.x+", "+pointer.y+")";
}
}
var getCoordInDocument = function(e) {
e = e || window.event;
var x = e.pageX || (e.clientX +
(document.documentElement.scrollLeft
|| document.body.scrollLeft));
var y= e.pageY || (e.clientY +
(document.documentElement.scrollTop
|| document.body.scrollTop));
return {'x':x,'y':y};
}
window.onload = function(){
getCoordInDocumentExample();
};
</script>
<div id="coords" style="width:500px;height:200px;background:#F2F1D7;border:2px solid #0066cc;">
请在此移动鼠标。
</div>
<br />
<div id="coord" style="width:500px;border:2px solid #336699;"> </div>

热心网友时间：2022-04-23 18:44

document.onmousemove=xy

你明明只绑定到 HTML 文档对象（document）中的嘛！当然只会在浏览器可视区取到坐标咯！

不过你还想获取可视区以外的，那你得想办法把事件绑到windows的屏幕上去！

注意：我是说的windows系统，不是window对象！具体方法我也没找到！