在不发生滚动情况下参考目标不同而获取光标位置

1、参照屏幕左上角：e.screenX e.screenY 2、参照文档显示区的左上角：e.clientX||e.x e.clientY||e.y 3、参照页面左上角：e.pageX e.pageY

1、参照屏幕左上角：e.screenX  e.screenY

2、参照文档显示区的左上角：e.clientX||e.x   e.clientY||e.y

3、参照页面左上角：e.pageX  e.pageY  IE9+

4、参照当前元素左上角：e.offsetX  e.offsetY

上演示代码

<div id="d1"></div>

<script type="text/javascript">	var div=document.getElementById('d1');	div.onmouseover=function(e){		var e=e||window.event;		console.log(e.screenX,e.screenY);		console.log(e.clientX,e.y);		console.log(e.pageX,e.pageY);		console.log(e.offsetX,e.offsetY);	}</script>

上图细说

screen就是相对于整个屏幕而不是浏览器

文档显示区和页面page的值获得的相同，应该都是相对于白色部分的左上角，没有标题栏

当前元素这个最好理解