显示光标位置

//event对象，只存在于事件函数中

//无法自己创建event对象，由浏览器生成，我们只管拿来用就可以

var btn = document.getElementsByTagName("button")[0];

document.onmousemove = function(evt){

    //alert(window.event)

    var e = evt || event;

    btn.innerText = "X:"+e.clientX+",Y:"+e.clientY;

 

    //滚动条的距离

    //document.body.scrollTop||document.documentElement.scrollTop

    //鼠标的在页面上的绝对位置的计算 = clientX/Y+滚动距离

 

console.log(e.clientX+

     (document.body.scrollLeft||document.documentElement.scrollLeft),

     e.clientY+

     (document.body.scrollTop||document.documentElement.scrollTop));

 

    //console.log(e.pageX, e.pageY);

}