Sivo 悉见

JS获取鼠标坐标,兼容IE、火狐

匿名 · 更新于 2013/11/1

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>JS获得鼠标位置(兼容多浏览器ie,firefox)</title>

</head>


<body>
<script>
function mouseMove(ev){
    ev= ev || window.event;
    var mousePos = mouseCoords(ev);
    //alert(ev.pageX);
    document.getElementById("xxx").value = mousePos.x;
    document.getElementById("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>
</html>