您的位置:首页 > Web前端 > JavaScript

获取鼠标实时位置坐标

2015-01-19 16:17 351 查看
<span style="font-size:18px;"><script type="text/javascript">
//获取鼠标实时坐标
function mousePosition(ev){
ev = ev || window.event;
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
};
}
</script></span>


使用1,当某组件被hover时获取鼠标位置:

$("#createtable").mouseover(function(e){
var mousePos = mousePosition(e);
alert("mousePos.x");alert("mousePos.y");
}

使用2:一致获取鼠标位置:
js:

function mouseMove(ev){
var mousePos = mousePosition(ev);
document.getElementById("xxx").value = mousePos.x;
document.getElementById("yyy").value = mousePos.y;<span style="font-family: Arial, Helvetica, sans-serif;"> </span>
}

document.onmousemove = mouseMove; //鼠标移动触发
document.onclick = mouseMove; //鼠标点击触发html:
X:<input id="xxx" type="text" /> Y:<input id="yyy" type="text" />
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  js 鼠标位置