Question

javascript中screenXY，clientXY，pageXY和offsetXY的区别

Answer 1

screenXY：screenX和screenY的参照点是用户屏幕左上角，screenX是鼠标位置相对于用户屏幕（左侧）水平偏移量，而screenY则是鼠标相对于屏幕（顶部）垂直方向的偏移量。

clientXY：screenX和screenY的参照点是浏览器内容区域的左上角，clientX是相对于用户浏览器（左侧）的水平偏移量，而clientY则是相对于浏览器内容区（顶部）垂直放心的偏移量。

pageXY：pageX和pageY的参照点是这个页面的左上角，和浏览器宽高、滚动条等无关，pageX是相对于整个页面（左侧）水平偏移量，而pageY则是相对于整个页面（顶部）垂直放心的偏移量。

offsetXY：offsetX和offsetY的参照点是鼠标当前的指向页面标签对象，offsetX是相对于当前指向标签（左侧）水平偏移量，而offsetY则是相对于当前指向标签（顶部）垂直方向的偏移量。