作业帮 > Javascript > 教育资讯

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

来源:学生作业帮助网 编辑:作业帮 时间:2024/11/27 08:20:41 Javascript
javascript教程:javascript/js获取鼠标点击时的坐标位置
javascript教程:javascript/js获取鼠标点击时的坐标位置Javascript
【51Test.NET-javascript教程:javascript/js获取鼠标点击时的坐标位置】:

鼠标在点击时获取点击的位置,付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轴坐标是:y轴坐标是:

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

Javascript