pageX, pageY, x, y, clientX, clientY
pageX, pageY是相对于文档窗口的左上角，x,y和clientX, clientY相同，其值是相对于可视窗口（浏览的可视区域）的左上角。如下图。
此时可视窗口与文档窗口重叠，pageX等于clientX, pageY等于clientY, 如果我们缩小浏览器窗口直到浏览器出现滚动条。此时可视窗口左上角位置不变，但文档窗口左上角位置发生的变化，如下图：
由此我们可以看出当浏览器没有滚动条时（可视窗口与文档窗口重合），pageX与clientX相等，pageX与clientY相等，如果出现下拉滚动条并向下拉动滚动条，文档窗口向上滚动，如果出现左右滑动的滚动条并向右拉动滚动条，文档窗口向左滚动，在文档窗口滚动的情况下，pageX>=clientX, pageY>=clientY, x = clientX, y = clientY,
pageX/Y：相对于文档边缘,包含滚动条距离
clientX/Y：相对于当前页面且不包含滚动条距离
内容全部来源于网络收集，如有侵权，请联系网站删除：QQ：24596024