jquery鼠标位置,js获得鼠标位置

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

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

成都创新互联公司专注为客户提供全方位的互联网综合服务,包含不限于成都网站设计、网站建设、巫山网络推广、小程序开发、巫山网络营销、巫山企业策划、巫山品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;成都创新互联公司为所有大学生创业者提供巫山建站搭建服务,24小时服务热线:18982081108,官方网址:www.cdcxhl.com

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鼠标位置,js获得鼠标位置
分享网址:http://bzwzjz.com/article/dscjdsh.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 营销网站建设 成都网站设计 成都网站建设 网站建设方案 营销型网站建设 重庆电商网站建设 企业网站建设 成都网站设计公司 教育网站设计方案 成都定制网站建设 品牌网站建设 手机网站建设 网站制作报价 网站建设公司 网站制作公司 广安网站设计 重庆网站设计 商城网站建设 响应式网站设计方案 高端网站设计 成都网站制作 定制网站建设多少钱