获取鼠标当前位置只需：pageX、pageY即可。
具体步骤如下：
1、新建一个html代码页面，在这个html页面找到
,然后在这个里创建一个用来显示坐标位置的
,并给这个
添加一个id。
创建
的代码：
2、使用pageX、pageY获取鼠标当前位置。在
标签后面新建一个<script>，创建鼠标移动时获取鼠标当前的位置。</p>
<p>js代码：<script type="text/javascript"></p>
<p>document.onmousemove = function(e){</p>
<p>var loc = "当前位置 x:"+e.pageX+",y:"+e.pageY</p>
<p>document.getElementById("point-loc").innerHTML = loc;</p>
<p>}</p>
<p></script></p>
<p><img loading="lazy" class="ikqb_img" src="/picurl?url=https%3A%2F%2Fiknow-pic.cdn.bcebos.com%2F32fa828ba61ea8d3dd27c6e19c0a304e241f58c9%3Fx-bce-process%3Dimage%252Fresize%252Cm_lfit%252Cw_600%252Ch_800%252Climit_1%252Fquality%252Cq_85%252Fformat%252Cf_auto" esrc="https://iknow-pic.cdn.bcebos.com/32fa828ba61ea8d3dd27c6e19c0a304e241f58c9"></p>
<p>3、保存html后使用浏览器打开即可得到鼠标位置</p>
<p><img loading="lazy" class="ikqb_img" src="/picurl?url=https%3A%2F%2Fiknow-pic.cdn.bcebos.com%2Fd833c895d143ad4b88a8fb2589025aafa50f0654%3Fx-bce-process%3Dimage%252Fresize%252Cm_lfit%252Cw_600%252Ch_800%252Climit_1%252Fquality%252Cq_85%252Fformat%252Cf_auto" esrc="https://iknow-pic.cdn.bcebos.com/d833c895d143ad4b88a8fb2589025aafa50f0654"></p>
<p>使用以上方法即可获取鼠标位置哦。</p>
</p>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div class="wendaright">
<div class="wdluluerwema">
<div class="wdxgwttop">相关问答</div>
<div class="wdxgwtnr">
</div>
<div class="clear"></div>
</div>
<!-- 其他随机问答['id'=>alphaID($like['zid'])] -->
<div class="wdluluerwema">
<div class="wdxgwttop">最新问答</div>
<div class="wdxgwtnr">
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://www.58z.net/z/556175779.html">瑞安高速到萧江出口多少公里</a></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://www.58z.net/z/1865989647143620787.html">昆明机械城在哪里</a></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://www.58z.net/z/1706696269922600660.html">看了这张图片，你觉得这个女孩素颜好看吗？</a></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://www.58z.net/z/1950813865214579148.html">网件路由器遇到无法理解解决的问题？</a></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://www.58z.net/z/2209508536540090668.html">新买回来的固态硬盘需要分区，格式化吗？</a></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://www.58z.net/z/2210507836634452748.html">孜然羊肉怎么做？</a></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://www.58z.net/z/1510361262752655540.html">北京南站到周营坐几路地铁</a></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://www.58z.net/z/2272813387151146668.html">山西煤炭运销集团新工煤业有限公司怎么样？</a></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://www.58z.net/z/1574433563353529020.html">这是一张电信卡，闲时时段是几点到几点？</a></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://www.58z.net/z/1446558575145502300.html">dnf 鬼泣被动觉醒应该加多少？</a></div>
</div>
</div>
</div>
</div>
<div class="clear"></div>
<div class="footer">
<!-- 移动底部导航 -->
<div class="fanhuitop"><a href="#top" ref="nofollow"><img src="https://www.58z.net/static/old/img/fhtop.png" alt="返回顶部" title="返回顶部"></a></div>
<div class="dibu">
<div class="dibu">
</div>
</div>
<div class="banquan">
<p>内容全部来源于网络收集，如有侵权，请联系网站删除：QQ：24596024</p>
</div>
</div>
</div>
</div>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?bc215519b6d2b72984cdb0a467b5dcf6";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</body>
</html>
