具体步骤如下：
1、新建一个html代码页面，在这个html页面找到<body>,然后在这个<body>里创建一个用来显示坐标位置的<div>,并给这个<div>添加一个id。
创建<div>的代码：<div id="point-loc"></div>
2、使用pageX、pageY获取鼠标当前位置。在<title>标签后面新建一个<script>，创建鼠标移动时获取鼠标当前的位置。
js代码：<script type="text/javascript">
documentonmousemove = function(e){
var loc = "当前位置 x:"+epageX+",y:"+epageY
documentgetElementById("point-loc")innerHTML = loc;
}
</script>
3、保存html后使用浏览器打开即可得到鼠标位置
使用以上方法即可获取鼠标位置哦。
首先，只讲思路方法不讲具体代码，别人直接给的永远不是自己的
创建新标签比较简单百度下就知道了就不说了，然后至于定位到鼠标位置，简单介绍下思路第一点，用clientX和clientY获取鼠标的坐标即位置，然后给新建的div添加定位属性，再将之前获取的鼠标位置的值赋值给div的top和left
ok，思路就这样
我用JQ写
id=该DIV的id
$("#id")click(function(){
var x=eventoffsetX;
var y=eventoffsetY;
alert(x+'_'+y);
});
这个在你指定id的div上点击一下就能得到点击的地方相对这个DIV的左上角的坐标
documentonmouseover=function(event){ var e=event||windowevent; var tget= esrcElement||eventtarget; if(tgettagName=="LABEL"){ alert(tgetinnerHTML); } };或$("label")mouseover(function(evnet){ var e=event||windowevent; var tget= esrcElement||eventtarget; if(tgettagName=="LABEL"){ alert(tgetinnerHTML); }});
如果要兼容浏览器，最好使用一个库来实现，用鼠标的页面位置减去的页面位置就行了。
比如jquery：
$(document)click(function(e){
alert("X: " + (epageX - $('img')offset()left) + ", Y: " + (epageY - $('top')offset()top));
});
以上就是关于怎样获取当前鼠标位置全部的内容，包括:怎样获取当前鼠标位置、Jquery创建新div，并定位到鼠标位置怎么实现、如何获取鼠标在div中的相对位置等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）