重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
jq只有获取元素相对于浏览器的
成都创新互联公司是创新、创意、研发型一体的综合型网站建设公司,自成立以来公司不断探索创新,始终坚持为客户提供满意周到的服务,在本地打下了良好的口碑,在过去的十年时间我们累计服务了上千家以及全国政企客户,如成都玻璃钢雕塑等企业单位,完善的项目管理流程,严格把控项目进度与质量监控加上过硬的技术实力获得客户的一致赞誉。
$(this).offset().left()忘了后边要不要小括号了
$(this).offset().top()
相对于父元素的话,把父元素的position设置成相对或绝对定位
然后document.getElementById("dddd").offsetTop
document.getElementById("dddd").offsetLeft
就是你要的了
div id="a" style="width:500px;height:400px; display:block; background-color:#eee;margin:50px auto;"/div
//引入jQuery
script
var a=$("#a");
var boxX=a.offset().left;
var boxY=a.offset().top;
a.mousemove(function(e){
var x = e.pageX;
var y = e.pageY;
var zX=x-boxX;
var zY=y-boxY;
$(this).text("X:"+zX+"Y:"+zY);
});
/script
首先,只讲思路方法不讲具体代码,别人直接给的永远不是自己的
创建新标签比较简单百度下就知道了就不说了,然后至于定位到鼠标位置,简单介绍下思路第一点,用clientX和clientY获取鼠标的坐标即位置,然后给新建的div添加定位属性,再将之前获取的鼠标位置的值赋值给div的top和left
ok,思路就这样
点击的时候获取下当前位置
获取位置方法
clientX,clientY
screenX,screenY
具体例子看下
获取当前位置代码如下:
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
function test(e){ //这里可得到鼠标X坐标 var pointX = e.pageX; //这里可以得到鼠标Y坐标 var pointY = e.pageY; }