具体步骤如下：
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后使用浏览器打开即可得到鼠标位置
使用以上方法即可获取鼠标位置哦。
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); }});
稍等上代码！！
<html><head>
<script type="text/javascript">
function show_coords(event){
var x = eventclientX;
var y = eventclientY;
var say = documentall("coords");
sayinnerHTML = "X:"+x+" Y:"+y;
saystyleposition = "absolute";
saystyleleft = x + 30;
saystyletop = y;
}
</script>
</head>
<body onmousemove="show_coords(event)">
<p id="coords"></p>
</body>
<html>
希望我的回答对你有用，有用就采纳！！！谢谢！
<script language="javascript" type="text/javascript">
function m(){
documentgetElementById("area")innerHTML=eventclientX +" , "+eventclientY;
}
</script>
<p id="area" style="padding:90px;border:1px solid #ccc;font-size:36px;width:800px;height:600px;" onmousemove="m();"> </p>
以上就是关于怎样获取当前鼠标位置全部的内容，包括:怎样获取当前鼠标位置、请问下JavaScript如何 获取鼠标光标所在位置处的文本、js如何获取鼠标在某元素移动时~鼠标指针在元素中的坐标等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）