TIPS:尝试点击页面的任何一个位置,可以来查看pageX/pageY坐标和layerX/layerY坐标的区别:
这是一个非绝对定位的元素,所以点击这里面的任意一个位置,基本上会返回相同的
layerX/layerY和pageX/PageY 值.
这是一个绝对定位的元素,所以点击此元素内部返回的layerX/layerY的值是相对于这个绝对定位的元素的左上角的坐标。但是pageX\pageY 的值依旧是想对整个文档的位置坐标,并且包括页面滚动后的位置。即pageX\pageY 依旧是相对整个文档的。