function MousePosition(e){ e = e || window.event; return { x : e.pageX || e.clientX + document.body.scrollLeft, y : e.pageY || e.clientY + document.body.scrollTop } } //test document.onclick = function(e){ var p = MousePosition(e); console.log(p); }
pageX : 相对于整个页面的x轴距离(包括滚动条移动距离)。
clientX : 相对于当前可视页面的x轴距离(不包括滚动条移动距离)。
由于IE浏览器不识别pageX,所以在IE下必须使用clientX,而clientX没有算入滚动条的移动距离,所以得加上document.body.scrollLeft。