clientX,clientY,screenX,screenY,offsetX,offsetY 到底是相对于什么的位置

clientX,clientY,screenX,screenY,offsetX,offsetY  到底是相对于什么的位置

clientX:当鼠标事件发生时(不管是onclick,还是omousemove,onmouseover等),鼠标相对于浏览器(这里说的是浏览器的有效区域)x轴的位置;

clientY:当鼠标事件发生时,鼠标相对于浏览器(这里说的是浏览器的有效区域)y轴的位置;

screenX:当鼠标事件发生时,鼠标相对于显示器屏幕x轴的位置(显示屏幕的原点(0,0)是从电脑显示屏幕的左上角开始的,不是传统数学上的那种坐标原点在左下角);

screenY:当鼠标事件发生时,鼠标相对于显示器屏幕y轴的位置(显示屏幕的原点(0,0)是从电脑显示屏幕的左上角开始的,不是传统数学上的那种坐标原点在左下角);

offsetX:当鼠标事件发生时,鼠标相对于事件源x轴的位置

offsetY:当鼠标事件发生时,鼠标相对于事件源y轴的位置

原文链接:https://blog.csdn.net/u014205965/article/details/45606797