码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-08-26 23:40:01      阅读:190      评论:0      收藏:0      [点我收藏+]

标签:func   出现   client   screenx   .com   宽度   OLE   nbsp   技术分享   

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    //获取当前可视区的高度

 

 

技术分享图片

 

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

标签:func   出现   client   screenx   .com   宽度   OLE   nbsp   技术分享   

原文地址:https://www.cnblogs.com/lzn0330/p/9539432.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!