十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
获得鼠标的坐标,很简单,代码如下,你试试:
在沂南等地区,都构建了全面的区域性战略布局,加强发展的系统性、市场前瞻性、产品创新能力,以专注、极致的服务理念,为客户提供成都网站设计、成都网站制作 网站设计制作按需求定制设计,公司网站建设,企业网站建设,成都品牌网站建设,成都全网营销,外贸营销网站建设,沂南网站建设费用合理。
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 下都没有问题哦 已经试过
body
img src="" style="margin-left:240px;"/
p/p
/body
$(function(){
$(document).mousemove(function(e){
var e = e || event, x = e.pageX;
$("p").text( x-$('img').offset().left );
});
});
div onmouseover="test(event)"/div
function test(e){
//这里可得到鼠标X坐标
var pointX = e.pageX;
//这里可以得到鼠标Y坐标
var pointY = e.pageY;
}
Math.round(32/10)*10;
Math.round:将值舍入到最接近的整数或指定的小数位数。
个位数的四舍五入,可以先除以10,用round舍去之后再乘以10。
获取当前位置代码如下:
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; }