WEB开发网
开发学院网页设计JavaScript javascript/js获取鼠标点击时的坐标位置 阅读

javascript/js获取鼠标点击时的坐标位置

 2010-08-08 20:14:17 来源:WEB开发网   
核心提示:鼠标在点击时获取点击的位置,付javascript源码,javascript/js获取鼠标点击时的坐标位置,如果是鼠标当前位置,只需要把onmousedown改成onmousemove鼠标移动即可Javascript Code复制内容到剪贴板function mousePosition(ev){ if(ev.pageX

鼠标在点击时获取点击的位置,付javascript源码,如果是鼠标当前位置,只需要把onmousedown改成onmousemove鼠标移动即可

Javascript Code复制内容到剪贴板
function mousePosition(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
};
}
 
function mouseMove(ev){
ev = ev || window.event;
var mousePos = mousePosition(ev);
document.getElementById('div1').value = mousePos.x;
document.getElementById('div2').value = mousePos.y;
}
 
document.onmousedown = mouseMove;

在html中加入

xml/HTML Code复制内容到剪贴板
x轴坐标是:<input id="div1" />y轴坐标是:<input id="div2" />

然后你点击你的鼠标就能显示它的位置坐标了

Tags:javascript js 获取

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接