screenX、clientX、pageX, offsetX的区别

一、图解 clientY、screenY、pageY、offsetY这四者是事件对象event上的属性 如图所示：假设紫色正方形中心处是点击处，紫色区域是鼠标事件触发对象 二、概念 1.screenX和screenY 参考点：电脑屏幕左上角 screenX：鼠标点击位置相对于电脑屏幕左上角的水平偏移量 screenY：鼠标点击位置相对于电脑屏幕左上角的垂直偏移量 2.clientX和clientY

>>阅读原文<<