时间对象，键盘事件，鼠标跟随

Posted 2021-01-01 lzn0330

e.clientX      e.clientY  获取鼠标相对于可视区的坐标值（能看到的页面，当鼠标下滑，还是相对于能看到的位置，和整个页面的位置不同，体现在鼠标滑动出现滚动条的时候）

e.offsetX      e.offsetY    获取鼠标相对于事件源的坐标值（点击一个div,就是相对于div的坐标）

e.pageX      e.pageY  获取鼠标相对于整个页面的坐标值 （鼠标下滑，出现滚动条，它获取的是到当前页面的位置）

e.screenX      e.screenY  获取鼠标相对于当前设备的坐标值

使用方式

document.onclick=function(e){

　　var e=e || event;         后者为了IE的兼容性

　　console.log(e.clientX  , e.clientY)       // 打印鼠标点击的位置

}

 

document.documentElement.clientWidth       //获取当前可视区的宽度

document.documentElement.clientHeight    //获取当前可视区的高度