扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
function test(e){ //这里可得到鼠标X坐标 var pointX = e.pageX; //这里可以得到鼠标Y坐标 var pointY = e.pageY; }
我们提供的服务有:成都做网站、网站设计、微信公众号开发、网站优化、网站认证、万源ssl等。为上1000家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的万源网站制作公司
首先,只讲思路方法不讲具体代码,别人直接给的永远不是自己的
创建新标签比较简单百度下就知道了就不说了,然后至于定位到鼠标位置,简单介绍下思路第一点,用clientX和clientY获取鼠标的坐标即位置,然后给新建的div添加定位属性,再将之前获取的鼠标位置的值赋值给div的top和left
ok,思路就这样
获取当前位置代码如下:
html
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312" /
titlejavascript获得鼠标位置/title
/head
body
script
!-- 其中的参数e指的是事件--
function mouseMove(ev)
{
Ev= ev || window.event;
var mousePos = mouseCoords(ev);
//获取当前的x,y坐标
document.getElementByIdx_x_x_xx_x("xxx").value = mousePos.x;
document.getElementByIdx_x_x_xx_x("yyy").value = mousePos.y;
}
function mouseCoords(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
};
}
document.onmousemove = mouseMove;
/script
鼠标X轴:
input id=xxx type=text
鼠标Y轴:
input id=yyy type=text
/body
!DOCTYPE html
html
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8"
script type="text/javascript" src=""/script
/head
body
script type="text/javascript"
$(document).ready(function(){
$('#mo').mousemove(function(e){
n=$('#xxx').val()-50;
m=$('#yyy').val()-50;
$('#mo').css({top:m+'px', left:n+'px'});
});
});
function mouseMove(ev)
{
Ev= ev || window.event;
var mousePos = mouseCoords(ev);
document.getElementById("xxx").value = mousePos.x;
document.getElementById("yyy").value = mousePos.y;
}
function mouseCoords(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
};
}
document.onmousemove = mouseMove;
/script
鼠标X轴:
input id='xxx' type='text'
鼠标Y轴:
input id=yyy type=text
div id='mo' style='position:absolute;width:200px;height:200px;background:red'111/div
/body
/html
点击的时候获取下当前位置
获取位置方法
clientX,clientY
screenX,screenY
具体例子看下
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流