资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

jquery获取鼠标,jquery获取鼠标点击位置

jquery 如何获取鼠标当前位置相当于父元素的坐标 而不是相对于浏览器

jq只有获取元素相对于浏览器的

目前创新互联已为上千余家的企业提供了网站建设、域名、雅安服务器托管绵阳服务器托管、企业网站设计、塔什库尔干塔吉克网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。

$(this).offset().left()忘了后边要不要小括号了

$(this).offset().top()

相对于父元素的话,把父元素的position设置成相对或绝对定位

然后document.getElementById("dddd").offsetTop

document.getElementById("dddd").offsetLeft

就是你要的了

JQuery获取鼠标坐标的问题

div onmouseover="test(event)"/div

function test(e){

//这里可得到鼠标X坐标

var pointX = e.pageX;

//这里可以得到鼠标Y坐标

var pointY = e.pageY;

}

jquery 怎么判断获得鼠标

获取当前位置代码如下:

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

jquery获取鼠标在父元素的坐标

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

jquery怎样定时捕捉鼠标坐标

获得鼠标的坐标,很简单,代码如下,你试试:

jQuery Code:

$('body').bind("mousemove",function(event){

$('#ss').html('The mouse cursor is at:( '+ event.pageX + ',' + event.pageY + ')');

});

Xhtml Code:

div id="ss"The mouse cursor is at:/div

附图一张,效果如下:

IE6 FF Chrome 下都没有问题哦 已经试过

jquery怎么获取鼠标点击的位置x

点击的时候获取下当前位置

获取位置方法

clientX,clientY

screenX,screenY

具体例子看下


当前名称:jquery获取鼠标,jquery获取鼠标点击位置
标题URL:http://www.cdkjz.cn/article/phspdi.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220