js 事件回调函数的对象属性说明：clientX、screenX、offsetX、pageX

clientX 鼠标相对于浏览器左上角x轴的坐标；不随滚动条滚动而改变；
clientY 鼠标相对于浏览器左上角y轴的坐标；不随滚动条滚动而改变；
pageX 鼠标相对于浏览器左上角x轴的坐标；随滚动条滚动而改变；
pageY 鼠标相对于浏览器左上角y轴的坐标；随滚动条滚动而改变；
screenX 鼠标相对于显示器屏幕左上角x轴的坐标；
screenY 鼠标相对于显示器屏幕左上角y轴的坐标；
offsetX 鼠标相对于被绑定事件的元素左上角X轴的坐标；
offsetY 鼠标相对于被绑定事件的元素左上角Y轴的坐标；

其他：

clientHeight 获取对象的高度，不计算任何边距、边框、滚动条，但包括该对象的补白。

clientLeft 获取 offsetLeft 属性和客户区域的实际左边之间的距离。

clientTop 获取 offsetTop 属性和客户区域的实际顶端之间的距离。

clientWidth 获取对象的宽度，不计算任何边距、边框、滚动条，但包括该对象的补白。

offsetHeight 获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度。

offsetLeft 获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置。

offsetParent 获取定义对象 offsetTop 和 offsetLeft 属性的容器对象的引用。

offsetTop 获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置。

offsetWidth 获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的宽度。

offsetX 设置或获取鼠标指针位置相对于触发事件的对象的 x 坐标。

offsetY 设置或获取鼠标指针位置相对于触发事件的对象的 y 坐标。

clientX,clientY 鼠标当前相对于网页的位置，当鼠标位于页面左上角时clientX=0, clientY=0

screenX, screenY是相对于用户显示器的位置

网页可见区域宽： document.body.clientWidth

网页可见区域高： document.body.clientHeight

网页可见区域宽： document.body.offsetWidth (包括边线的宽)

网页可见区域高： document.body.offsetHeight (包括边线的宽)

网页正文全文宽： document.body.scrollWidth

网页正文全文高： document.body.scrollHeight

网页被卷去的高： document.body.scrollTop

网页被卷去的左： document.body.scrollLeft

网页正文部分上： window.screenTop

网页正文部分左： window.screenLeft

屏幕分辨率的高： window.screen.height

屏幕分辨率的宽： window.screen.width

屏幕可用工作区高度： window.screen.availHeight

屏幕可用工作区宽度：window.screen.availWidth

希望本文所述对大家JavaScript程序设计有所帮助。

推荐博客：

html判断坐标,js判断鼠标位置是否在某个div中的方法_孔昊旻的博客-CSDN博客

HTML 页面中的位置：clientX、screenX、offsetX、pageX_抱朴守拙-CSDN博客_clientx

js 事件回调函数的对象属性说明：clientX、screenX、offsetX、pageX相关推荐

对geobeansEvent事件回调函数的改进
demo中提供的geobeansEvent事件回调函数如下: function geobeansEvent(id,v1,v2,v3,v4,v5,v6,v7,v8,v9){ var pMap = do ...
关于js的回调函数的一点看法
关于js的回调函数的一点看法原文:关于js的回调函数的一点看法算了一下又有好几个月没写博客了,最近在忙公司android的项目,所以也就很少抽时间来写些东西了.刚闲下来,我就翻了翻之前看的东西.做 ...
js接收php 回调,JS callback回调函数的使用（附代码）
这次给大家带来JS callback回调函数的使用(附代码),JS callback回调函数使用的注意事项有哪些,下面就是实战案例,一起来看一下. 在使用开源项目的时候经常会使用到回调函数,如果把回调 ...
js两种方法删除对象属性
js 两种方法删除对象属性 delete 语法 delete 对象.属性名示例 delete.obj.property1 不过据说很慢,不如下面的方法. Reflect.deleteProperty ...
Node.js入门 - 回调函数
本文自theprojectspot.com翻译而来,文章原作者为Lee Jacobson, 已经作者授权翻译用于非商业用途.原文地址:猛戳这里进入如果你还没读过第一篇,先跑到这里去瞧一瞧,我保证你多 ...
JS中的函数,Array对象,for-in语句,with语句,自定义对象,Prototype
一)函数 A)JS中的函数的定义格式: function add(a,b) { var sum = a+b; document.write("两个数的和是:" + sum); // ...
关于js的回调函数，同步回调与异步回调
回调定义刚开始学习javascript时,对回调函数的理解仅仅停留在知道定义阶段.什么是回调函数? 就是将一个函数作为参数传递给另一个函数,作为参数的这个函数就是回调函数. 至于为什么要用到回调函数 ...
JS中回调函数的写法
<!DOCTYPE HTML> <html> <head> <meta charset="GBK" /> <title& ...
html js 回调函数,js中回调函数的学习笔记
回调函数是什么在学习之前还真不知道js回调函数怎么使用及作用了,下面本文章把我在学习回调函数例子给各位同学介绍一下吧,有需了解的同学不防进入参考. 回调函数原理: 我现在出发,到了通知你" ...

js 事件回调函数的对象属性说明：clientX、screenX、offsetX、pageX

js 事件回调函数的对象属性说明：clientX、screenX、offsetX、pageX相关推荐

最新文章

热门文章