JavaScript：几个处理坐标时要注意的问题

JavaScript：几个处理坐标时要注意的问题

event.clientX, event.clientY是相对于当前窗口，即视口(相当于没有滚动条时的大小)，而不是整个页面的
event.pageX, event.pageY是相对于整个页面的，从窗口大小到有可能几千，上万.
使用坐标取得此坐标处的元素document.elementFromPoint(x, y)，这里的坐标是相对于Client的，即使用的是event.clicntX, event.clientY，而千万不要使用成了event.pageX, event.pageY.

window.innerWidth是窗口内部的宽度
document.width是整个文档的宽度，如当窗口显示不完时，滚动条出现，他的大小包括了在滚动内部。