网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

jquery鼠标坐标,jquery鼠标事件有哪些

如何使用jQuery获取鼠标指针的当前坐标

function test(e){ //这里可得到鼠标X坐标 var pointX = e.pageX; //这里可以得到鼠标Y坐标 var pointY = e.pageY; }

成都创新互联公司长期为超过千家客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为华州企业提供专业的成都网站制作、网站设计,华州网站改版等技术服务。拥有10多年丰富建站经验和众多成功案例,为您定制开发。

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 如何获取鼠标当前位置?

获取当前位置代码如下:

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 onmouseover="test(event)"/div

function test(e){

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

var pointX = e.pageX;

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

var pointY = e.pageY;

}


标题名称:jquery鼠标坐标,jquery鼠标事件有哪些
文章分享:http://bjjierui.cn/article/dsisjch.html

其他资讯