关于javascript在火狐中获得鼠标的坐标的问题
functiontestEvent(e){alert(e.clientX);}<bodyonmousemove="testEvent(event)"><div>dgsdf...
function testEvent(e)
{
alert(e.clientX);
}
<body onmousemove="testEvent(event)">
<div>dgsdfh</div>
</body
上面的代码,只有在鼠标移到到body中的div上才会弹出鼠标的X坐标。
怎样才能在整个页面上移动都获得坐标呢。 展开
{
alert(e.clientX);
}
<body onmousemove="testEvent(event)">
<div>dgsdfh</div>
</body
上面的代码,只有在鼠标移到到body中的div上才会弹出鼠标的X坐标。
怎样才能在整个页面上移动都获得坐标呢。 展开
5个回答
展开全部
您好!很高兴为您答疑!
通过函数获取当前时刻的鼠标坐标值
document.onmousemove = mouseMove;
function mouseMove(ev){
ev = ev || window.event;
var mousePos = mouseCoords(ev);
}
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;
function mouseMove(ev){
ev = ev || window.event;
var mousePos = mouseCoords(ev);
}
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
};
}
您可以在火狐社区了解更多内容。希望我的回答对您有所帮助,如有疑问,欢迎继续在本平台咨询。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
你这个事件是绑定在body上的,那肯定只有在body上移动的时候才会触发事件啊,解决办法是将事件绑定到document上:
document.addEventListener("mousemove",function(e){alert(e.clientX)});
document.addEventListener("mousemove",function(e){alert(e.clientX)});
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
实际上就是在body上取的坐标 只是你的body范围是跟div一样的 其它部分不算是body内的
你可以给body加个样式 让宽和高都是100%看看
如果你要对整个页面都绑定某个事件 那你绑定到document上面
你可以给body加个样式 让宽和高都是100%看看
如果你要对整个页面都绑定某个事件 那你绑定到document上面
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐于2018-05-06 · 知道合伙人软件行家
关注
展开全部
var e = window.event||event;//解决火狐和IE的兼容
alert(e.clientX);
alert(e.clientX);
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询