event事件的四个坐标对比(clientX(Y)、pageX(Y)、screenX(Y)、offsetX(Y))

(1)clientX(Y): 距离浏览器可视区域的最左(顶)侧的距离，不随滚动条的滚动而改变；

(2)pageX(Y): 距离浏览器最顶(左)部的距离，随着滚动条的滚动而增加；

pageX(Y) = clientX(Y) + 滚动距离；

(3)screenX(Y): 距离电脑显示器屏幕的最左(上)侧的距离；

(4)offsetX(Y): 距离事件源最 左(上)侧的距离；

具体示意图如下图所示：

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

友情链接更多精彩内容