JS中关于坐标的总结

MouseEvent
screenX: 鼠标相对屏幕的水平位置
screenY
clientX：鼠标相对于程序窗口的位置
clientY
movementX：与上一个mousemove事件之间的距离
movementY
offsetX：鼠标与目标节点左侧padding外边缘的距离
offsetY：
PageX：鼠标位置和文档左侧距离
PageY：文档上侧，包含不可见的部分
Element
Element.clientHeight:表示元素节点的css高度，包括padding，不包括border和margin，还要减去水平滚动条的位置
document.documentElement.clientHeight表示当前视口的高度，等于window.innerHeight的高度减去水平滚动条的高度；
document.body.clientHeight表示网页的总高度，包括不可见的部分

Element.scrollHeight表示当前元素总高度，包括溢出容器不可见的部分，包括padding和微元素的高度，不包括border margin和水平滚动条的位置

Element.scrollLeft Element.scrollTop表示网页向右向下翻的距离

Element.offsetLeft表示当前元素左上角相对与Element.offsetParent节点的水平位移,border左上角距离offsetPraent border左上角的距离

最后

以上就是从容蜜蜂为你收集整理的JS中关于坐标的总结的全部内容，希望文章能够帮你解决JS中关于坐标的总结所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。